USING ATOMIC STATE TO IMPROVE REACT PERFORMANCE IN DEEPLY NESTED COMPONENT TREES

Summary from the TLDR Dev newsletter

Harbor solved React performance issues in its clinical trial data capture application by switching from vanilla React Context to atomic state management with Jotai. The traditional Context approach caused entire component trees to rerender when any single node's state changed, which became expensive in their deeply nested "event → form → field group → field" hierarchy. By using Jotai's atomic state system, it was able to create granular state atoms that only trigger rerenders in components that actually depend on the changed data.