The New Architecture is no longer experimental — it is the baseline for greenfield React Native apps we ship.
Fabric and TurboModules cut bridge overhead enough that animation-heavy screens feel native on mid-range Android devices.
Handoff quality is a system property, not a handoff meeting outcome. Tokens, component APIs, and state matrices must be versioned like production code.
When three squads consume the same library, ambiguous variants become production bugs — constrain APIs early even if designers want infinite flexibility.
Expo covers 80% of our mobile projects. We eject only when a client needs proprietary SDKs or deep background processing.
The trade-off is maintenance cost, not capability.
Responsive behavior should be specified as ranges and rules, not pixel-perfect frames for every breakpoint. Engineers extrapolate with the token scale.
Accessibility acceptance criteria belong in the same ticket as visual specs — retrofits cost more than designing focus order upfront.
Release trains pair OTA updates with store builds on a fixed cadence
so marketing never promises features the binary cannot support.
Storybook is the contract surface between design and engineering. If a state is not documented, it is not shipped.
Design QA on real data edge cases — empty lists, long names, error strings — catches issues static mocks hide.
Where we still write native modules: biometric auth edge cases, background geolocation
with strict battery budgets, and hardware integrations on industrial tablets.
Motion and loading states affect perceived quality as much as static layouts. Budget animation for low-end devices, not only flagship phones.
Cross-platform parity does not mean identical pixels — it means equivalent tasks complete with the same confidence on web and mobile.
Performance budgets are enforced in CI: cold start, scroll FPS
on a reference device, and memory after a 30-minute session.
Post-launch usability signals (support tickets, session replays) should feed back into the component backlog within two weeks.
Celebrate pattern reuse metrics, not page count — fewer bespoke screens means faster delivery and fewer regressions.
The table below summarizes the reference points we review with client stakeholders before sign-off. Use it as a shared vocabulary in sprint planning and release reviews.
Handoff artifact tracker
| Artifact | Owner | Status gate | Evidence |
|---|---|---|---|
| Design tokens | Design | Before dev sprint | Figma Variables export |
| Component states | Design + Eng | Before QA | Storybook stories |
| Accessibility audit | QA | Pre-launch | axe + keyboard pass |
| Storybook docs | Eng | At PR merge | Chromatic snapshot |
| Responsive rules | Design | Before build | Breakpoint matrix |
| Error flows | Design + Eng | Before QA | Empty/error screens |
Run through this checklist in order — skipping steps because of deadline pressure is how regressions reach production. Assign an owner for each item before you schedule a launch window.
Pre-launch gates
- Walk through keyboard-only flows on primary paths.
- Verify contrast on muted and disabled UI states.
- Capture hover, focus, and error states in Storybook.
- Run screen reader spot checks on new components.
- Test with longest realistic content strings and empty states.
- Confirm loading and skeleton states on slow 3G throttling.

