Just imagine if all your backend APIs is based on HL7 FHIR API, how it will fundamentally transform your frontend web application development
One immediate benefit is that your frontend developer will not be pressing you to come up the running APIs, because he/she can just pick any publicly available HL7 FHIR Server to test and integrate.
Another greater benefit is that we can fundamentally re-design the web application to take full advantage of the consistent APIs that are based on HL7 FHIR.
Let me walk through the 2nd benefits here
I am going to walk through a simple ReactJS Single Page Application (SPA) I have created in the past, the actual source code is hosted on code sandbox - https://muqhwj.csb.app/patients. This demo SPA is integrated with the live APIs hosted in HealthX Sandbox - https://api.healthx.sg/.../2807f247634c4f3c941568d460835a71. (Note the last part of the URL is the tenant ID)
- All the backend API integration is coded in this API slice - https://codesandbox.io/p/sandbox/muqhwj...
- I use the method -
getResourcesEntries
for getting ALL kinds of resources (other than Patient record) and also do transformation from backend process API to experience API for the Summary View (I moved the included patient resources into respective patient data resource egCondition
under the element "_includedPatient
", so that it is easier for UI to render the data). - The second method is
getResourceDetail
which is to get the detail payload of the specific record for any given type of resource for the Detail View - The UI layout is implemented in these two files
- Summary View - https://codesandbox.io/p/sandbox/muqhwj...
- Detail View - https://codesandbox.io/p/sandbox/muqhwj...
- Add new record type and corresponding menu item name in this file - https://codesandbox.io/p/sandbox/muqhwj...
- Add/update data elements to be shown for the corresponding record type - update function
resourceSummaryElements
in this file - https://codesandbox.io/p/sandbox/muqhwj...