Custom forms in ReactJS using FHIR questionnaire and extensions
summary
A custom React renderer turns FHIR Questionnaire and QuestionnaireResponse into a production form system backed by Google Cloud Healthcare API, Material UI and Adaptive Cards, using three concrete extension patterns: Adaptive Card extension fetches real-time cards by ID with a loading placeholder, material UI component rendering injects named components plus props (divider, alert severity/info), and embedded Questionnaire via reference composes forms into merged or separate responses; it ships as a low‑code, interoperable solution but does not capture the fetched card content in responses.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 0:37Technologies
- 2:27Patterns
- 3:49First Pattern
- 7:35Material UI
- 8:23Props
- 8:58Firebased Forms
- 12:06Custom Farm renderer
- 14:49Farm reference
- 16:57Questions
related talks
35mMaterial UI on FHIR
45mQuestionnaire
33mJSON Forms 2.0
33mSponsored by DMI: This could have been a Questionnaire
55mSimple declarative way of creating forms in UI
28mEnhancing Forms with React Server Components
27mEnhancing Forms with React Server Components and React 19
45mNext Generation Forms with React Final Form