# Update: Current State of O3 React Form Engine

**URL:** <https://talk.openmrs.org/t/update-current-state-of-o3-react-form-engine/43002>\
**Category:** Development\
**Tags:** forms, o3\
**Created:** [June 20, 2024, 6:21am UTC](https://talk.openmrs.org/t/update-current-state-of-o3-react-form-engine/43002 "2024-06-20T06:21:21Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![grace](https://talk.openmrs.org/user_avatar/talk.openmrs.org/grace/32/16942_2.png) [@grace](https://talk.openmrs.org/u/grace)\
**Post date:** [June 20, 2024, 6:21am UTC](https://talk.openmrs.org/t/update-current-state-of-o3-react-form-engine/43002/1 "2024-06-20T06:21:21Z")

</div>

As you might remember, we’re working hard to move the O3 RefApp to just leverage _one_ Form Engine: The React Form Engine. (Past discussions [here](https://talk.openmrs.org/t/o3-can-we-move-to-one-form-engine/38430), [here](https://talk.openmrs.org/t/o3-form-engine-strategy-in-2023/40150), and [here](https://talk.openmrs.org/t/the-journey-of-the-react-form-engine/42641).) @samuel34 and I wanted to share what has been changing.

## The Short Version

We are almost done fully transitioning the O3 RefApp from the old Angular Form Engine, to be focused solely on using the React Form Engine.

## Here’s where things are at:

| **Goal** | **Status %** | **Notes** |
| --- | --- | --- |
| **Production Testing** in previously AFE environment | Live! | Being used in production pilot testing in **UgandaEMR** + since mid-June 2024. Going well, some schema and bug fixes done or ongoing. Pressing Issues Tracked here: [RFE issues - Google Docs](https://docs.google.com/document/d/1WTF17DRiiGmFc_rhGgrIXLUus3K3uAQm7pVTEC4GoEk/edit) |
| O3 RefApp Using React Form Engine by default | Done | Completed [here](https://github.com/openmrs/openmrs-distro-referenceapplication/blob/fb606330541a411dcdc40495c1278f69fc82484d/frontend/spa-assemble-config.json#L8) |
| **Migrating Formik to React Hook Form** | 30% | This is some tech debt that needs to be addressed for longer term maintenance. |
| **HFE Conversion Tool** | 20% | This tool that helps convert HTML forms into the O3 Form Schema needs to be updated so that HFE forms can be converted into React Form Engine-compatible ones since there is some slight difference with the Angular Form Engine forms |
| **HFE MVP Parity wrap-up** | 70% | Based on the must-haves id’d in [@PIH](https://talk.openmrs.org/groups/pih)’s [**PIH Gap Analysis**](http://openmrs.atlassian.net/wiki/spaces/projects/pages/26938649) |
| **Major Angular Parity wrap-up** | 90% | Done for functional core elements. In-Progress features: **Encounter Diagnosis** , and **Person Attributes (partial support in AFE; aiming for more complete support in RFE)**. Newer features added recently or edge cases will need coverage eventually. Some are not used much at all, so we don’t want these to be progress-blockers. |
| **i18n** Translation Support | 100% | Remaining work: **Testing** that translations work in forms as expected. **Needs Documentation.** |
| Fix regressions in obs-handler | 100% | Done |
| Orders support in Forms | 100% | Done |
| Documentation in OMRS Wiki | 100% | The docs for the React Form Engine were successfully moved to the OpenMRS Wiki here: [https://openmrs.atlassian.net/wiki/spaces/projects/pages/68747273/React+Form+Engine](https://openmrs.atlassian.net/wiki/spaces/projects/pages/68747273/React+Form+Engine) |

## Special Thank You’s to…

- **April: Kampala Hackathon Folks:** Thank you to the folks who helped organize the focused Hackathon in Kampala back in April
- **May-June: RFE Tiger Team:** Thank you to those folks who have been extra engaged in the focused “Tiger Team” efforts since. These are the people who have kept the post-hackathon dev momentum going 😃
- **June: [@METS](https://talk.openmrs.org/groups/mets)** for championing the cause by being the first org to pilot transitioning from Angular Form Engine to the React Form Engine for their production sites!!

@samuel34 or @jamiearodi or @veronica anything I’ve missed here?

---

<div class="post-metadata">

**Author:** ![veronica](https://talk.openmrs.org/user_avatar/talk.openmrs.org/veronica/32/20174_2.png) [@veronica](https://talk.openmrs.org/u/veronica)\
**Post date:** [June 20, 2024, 6:38am UTC](https://talk.openmrs.org/t/update-current-state-of-o3-react-form-engine/43002/2 "2024-06-20T06:38:13Z")

</div>

You have nailed it @grace. Kudos to everyone who have contributed to this work in one way or the other. It’s a big milestone …
