Material UI on FHIR

on YouTube ↗35m

" summary

Converts FHIR resources into reusable React + Material UI components, implementing a Material-FHIR library that refactors away Meteor and is published on NPM. Demonstrates a composable patient card that dehydrates FHIR trees into flat form state and rehydrates updates, supporting about 63 resources and a codebase of 250+ components. Shows browser demos running layered glass-style UIs at 60 fps, smart-on-FHIR compatible and practical for production use.

AI-written summary · about

" chapters (9)

1. 0:00Sci-fi UI inspiration
2. 3:56Smart glass in healthcare
3. 7:13Combining FHIR React Material
4. 10:24Frontend architecture with FHIR
5. 15:15Component libraries and Meteor
6. 17:28Material Fire UI project
7. 20:44Dehydration hydration in FHIR
8. 25:13Live code demo
9. 27:35Q&A session

" related talks

• 25mCustom forms in ReactJS using FHIR questionnaire and extensionsKarl Purkhardt · HL7 FHIR DevDays International 2022
• 21mDemocratising FHIR with GraphQLMatt Bourne · FHIR DevDays Virtual Edition June 2021
• 01h 02mDesigning a Flexible UI Architecture with React and GraphQLKamran Ayub · NDC Minnesota 2019
• 51mBuilding Better Components — A Journey to a More Resilient FrontendDaniel Yuschick · NDC Oslo 2025
• 36mReact: RESTful UI RenderingPete Hunt · Strange Loop 2014
• 38mWriting highly reusable React componentsJavi Velasco · React Alicante 2017
• 34mFunctional UIs and Unidirectional DataflowMikael Brevik · JSConf Budapest 2015
• 40mDependency Management in MFsStefan Bley, Lucas Braeschke · Micro Frontends Conference 2024