React components and hooks

Every component and hook in the app follows one set of React rules: function components with read-only props, a thin route over a pure view and one model hook, effects only for systems outside React, React Compiler instead of hand-written memoization, pressables only in the UI layer, virtualized lists with stable keys, layouts that survive any window and both platforms' system bars, and error boundaries with one way out. A zero-dependency checker proves the rules lint cannot see, on iOS and Android code alike.

Rules that must hold