Product & UX

React Native in 2025: A Practitioner's View

New Architecture rollout, Expo vs bare workflow, and where we still reach for native modules.

10 min read3.2k views

The New Architecture is no longer experimental — it is the baseline for greenfield React Native apps we ship.

Mobile app prototypes on a designer desk
Mobile app prototypes on a designer desk

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.

Design system components in Figma
Design system components in Figma

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

Inclusive design workshop
Inclusive design workshop

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

Mobile app prototypes on a desk
Mobile app prototypes on a desk

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

Design system components in Figma
Design system components in Figma

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

ArtifactOwnerStatus gateEvidence
Design tokensDesignBefore dev sprintFigma Variables export
Component statesDesign + EngBefore QAStorybook stories
Accessibility auditQAPre-launchaxe + keyboard pass
Storybook docsEngAt PR mergeChromatic snapshot
Responsive rulesDesignBefore buildBreakpoint matrix
Error flowsDesign + EngBefore QAEmpty/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.

More in Product & UX