React Native
A beginner to advanced React Native library: core components, styling and Flexbox, the New Architecture (JSI, Fabric, Turbo Modules, Hermes), navigation and deep links, lists and FlashList, state and offline storage, Reanimated and gestures, native modules, performance and debugging, testing, builds, OTA updates, and an interview playbook.
Start here for React Native prep, from "why does my text overflow the row" to "why does the feed drop frames on a budget Android phone". Each page teaches mobile the way interviews probe it: what the code does, which thread it runs on, and what to use in production. Everything reflects the current platform: the New Architecture is the only architecture, Hermes is the default engine, Expo is the recommended framework, and React Native DevTools replaced Flipper.
- 01React Native Fundamentals
React Native from zero: what it is and how it differs from React on the web, Flutter, and native apps, Expo vs bare projects, core components, styling and Flexbox differences, text and images, platform-specific code, safe areas and dimensions, keyboard handling, and the mistakes web developers make first.
Beginner - 02Architecture and Internals
How React Native works under the hood: the threading model, the legacy bridge and why it was replaced, the New Architecture (JSI, Fabric, Turbo Modules, Codegen, Bridgeless mode), the render, commit, and mount pipeline, Yoga layout, Hermes and bytecode, app startup, and concurrent React on mobile.
Mid to advanced - 03Navigation and Routing
Navigation in React Native: how mobile navigation differs from the web, React Navigation stacks, tabs, and drawers, native stack vs JS stack, params and typing, Expo Router file-based routing, layouts and groups, authentication flows, deep links and universal links, modals, Android back handling, and navigation performance.
Beginner to mid - 04Lists, State, and Data
Data handling in React Native: ScrollView vs FlatList vs SectionList, virtualization and its tuning props, FlashList and recycling, pagination and pull-to-refresh, state management choices, TanStack Query for server state, networking and auth tokens, local storage options (AsyncStorage, MMKV, SecureStore, SQLite), offline-first sync, and app lifecycle.
MidTable of Contents1. ScrollView vs Virtualized Lists2. FlatList3. Tuning FlatList4. FlashList and Recycling5. Pagination, Refresh, and Empty States6. Where State Lives7. Server State with TanStack Query8. Networking9. Local Storage Options10. Offline-First11. App Lifecycle and Background State+1 more - 05Animations and Gestures
Animation and gestures in React Native: why animations must run on the UI thread, the Animated API and the native driver, LayoutAnimation, Reanimated shared values, worklets, animated styles, layout and CSS-style animations, Gesture Handler with Reanimated, scroll-driven animations, Skia, Lottie, and how to debug janky motion.
Mid to advanced - 06Native Modules and Platform APIs
Going native in React Native: when you need native code, Turbo Modules with Codegen on iOS and Android, Fabric native components, the Expo Modules API, Nitro Modules, config plugins and Continuous Native Generation, permissions, push notifications, background work, brownfield integration, and choosing third-party libraries.
AdvancedTable of Contents1. When You Need Native Code2. Options for Writing Native Code3. Turbo Module Step by Step4. Expo Modules API5. Native UI Components6. Events from Native to JS7. Config Plugins and Continuous Native Generation8. Permissions9. Push Notifications10. Background Work11. Brownfield Apps+2 more - 07Performance and Debugging
React Native performance and debugging: how to measure first, frame drops on the JS and UI threads, unnecessary re-renders, React.memo and the React Compiler, list and image performance, startup time, bundle size, memory leaks, Android-specific issues, React Native DevTools, native profilers, and crash and error monitoring.
Mid to advanced - 08Testing, Build, and Release
Shipping React Native apps: the testing pyramid with Jest, React Native Testing Library, and end-to-end tests with Maestro or Detox, debug vs release builds, signing on iOS and Android, EAS Build, Submit, and Update, over-the-air update rules and runtime versions, versioning, CI/CD, app store review, security, accessibility, and upgrading React Native.
Mid - 09React Native Interview Playbook
React Native interview rehearsal: what each level is expected to know, a 50-question bank with strong-answer checklists, predict-the-behavior puzzles, machine coding tasks, mobile system design prompts, production scenarios, cheat sheets, common mistakes, and a 7-day study plan.
All levels
Reading Path
Pick Your Level
| You are | Read in this order |
|---|---|
| A React web developer new to mobile | Fundamentals, Navigation, Lists, State, and Data |
| Preparing for a mid-level RN role | Add Animations and Gestures, Performance, and Testing and Release |
| Preparing for senior or platform roles | Add Architecture and Internals and Native Modules |
| One week left | The Interview Playbook study plan |
Related Sections
- React covers hooks, rendering, and patterns that apply unchanged in React Native.
- JavaScript and TypeScript cover the language your app is written in.
- Redux covers Redux Toolkit and RTK Query, a common RN state stack.
- Server-Driven UI covers config-driven screens, a popular pattern in large RN apps.
- Frontend System Design covers the client architecture framework used in mobile design rounds.