A full curriculum from dev loop and core UI through architecture, lists, animations, offline sync, push, security, testing, and release. Play through interactive traces, read deep dives, then drill with quiz and mock interview.
After this path you will be able to
Explain RN architecture (bridge vs New Architecture, Hermes, Fabric, TurboModules), optimize lists and images, design offline-first flows, and answer senior questions on security, push, OTA, and CI/CD with concrete tradeoffs.
Build an effective RN dev loop: Metro, Fast Refresh, device runtime, and debugging habits.
Understand View/Text, flexbox rules, Yoga layout, and how Fabric commits native views.
Make forms work on mobile: keyboard behavior, focus, validation, and stable layout.
Build inclusive RN UI: labels, roles, focus order, touch targets, and screen reader testing on real devices.
Side-by-side: why the async JSON bridge caused jank, and what JSI, Fabric, and TurboModules replace.
Design async UI: loading states, cancellation, caching, and safe re-renders.
Choose the right state layer: local hooks, Context, Zustand, Redux Toolkit, and TanStack Query for server cache.
Persist safely: hydrate on startup, version data, and reconcile later without surprises.
React Native 0.76+ runs on the New Architecture by default. Trace a tap from JS through JSI and Fabric to native UI, and explain why the old JSON bridge is gone.
Walk the TurboModule pipeline: TypeScript spec → Codegen → C++ → Swift/Kotlin → JSI → your first native call.
Trace setState through reconciler, Fabric shadow tree, Yoga layout, and native mount, the RN-specific half of React.
Debug RN systematically: reproduce, inspect with DevTools, profile JS vs UI thread, isolate, and verify on release builds.
Compare Hermes bytecode startup and memory against legacy JSC, and when you would deviate from the RN default.
Trace useState, useMemo, useCallback, and useEffect through a debounced search + FlatList, the hooks pattern interviewers expect you to explain.
See how FlatList virtualizes 10,000 rows, why getItemLayout matters, and what windowSize actually controls.
Compare core FlatList virtualization with Shopify FlashList recycling, sizing contracts, and when to adopt each.
Gesture Handler plus Animated vs Reanimated: which thread runs the work, native driver limits, and when to upgrade.
Trace a pan gesture from JS thread handlers to UI-thread worklets, shared values, and 60fps animated styles.
Trace a feed image from skeleton placeholder through memory, disk, and network caches, and what happens when memory pressure evicts.
Trace myapp://item/42 from OS intent through Linking, React Navigation, and screen mount, including cold-start gotchas.
Compare Expo managed workflow vs bare React Native, dev speed, native access, EAS, and when to prebuild.
Trace active → background → push → resume, when sync pauses, drafts flush, and queues drain again.
Follow a push from token registration through FCM/APNs to deep link handling in foreground, background, and killed states.
Trace TLS pinning, secure token storage, jailbreak detection, and short-lived API credentials for React Native fintech apps.
Build a testing pyramid: Jest unit tests, RNTL component tests, native mocks, and Detox/Maestro E2E for critical flows.
Ship RN apps: PR gates, EAS/Fastlane builds, signing, TestFlight beta, and staged store rollout vs OTA.
Compare CodePush/EAS Update speed and rollback against store review, and when OTA is unsafe or impossible.
Full curated order: 28 modules on this page match the interactive learning path.