Module reference for interview prep: category, difficulty, viz type, and free-module summaries. Pro module deep notes unlock with Pro. Print-friendly.
| Module | Level | Viz | Read | Start here | Key takeaway |
|---|---|---|---|---|---|
| Core Components & Layout | Beginner | Pipeline trace | 7m | RN UI is a component tree that becomes native views. Layout is flexbox computed by Yoga, then committed by Fabric. | Yoga runs flexbox layout for RN views. |
| Old Bridge vs New Architecture | Beginner | Side-by-side | 7m | The old React Native bridge serialized every JS→native call as async JSON. The New Architecture replaces it with JSI direct references, lazy TurboModules, and Fabric's C++ shadow tree, the three shifts every senior RN interview expects you to name. | Old bridge = async JSON queue; New Architecture = JSI direct refs. |
| New Architecture (JSI, Fabric, TurboModules)Pro | Intermediate | Pipeline trace | 8m | Included in Pro | — |
| Native Modules & CodegenPro | Advanced | Pipeline trace | 9m | Included in Pro | — |
| Render Pipeline (React → Native UI)Pro | Intermediate | Pipeline trace | 8m | Included in Pro | — |
| Hermes vs JavaScriptCorePro | Intermediate | Side-by-side | 7m | Included in Pro | — |
| React Hooks in React NativePro | Intermediate | Pipeline trace | 9m | Included in Pro | — |
| Module | Level | Viz | Read | Start here | Key takeaway |
|---|---|---|---|---|---|
| FlatList & List PerformancePro | Intermediate | Device simulation | 8m | Included in Pro | — |
| FlatList vs FlashListPro | Intermediate | Side-by-side | 7m | Included in Pro | — |
| Gestures & Animated BasicsPro | Intermediate | Side-by-side | 7m | Included in Pro | — |
| Reanimated WorkletsPro | Advanced | Thread timeline | 8m | Included in Pro | — |
| Image Pipeline & CachingPro | Intermediate | Device simulation | 7m | Included in Pro | — |
| Module | Level | Viz | Read | Start here | Key takeaway |
|---|---|---|---|---|---|
| Local Persistence BasicsPro | Intermediate | Pipeline trace | 7m | Included in Pro | — |
| Offline Sync & Conflict ResolutionPro | Advanced | Sync queue | 9m | Included in Pro | — |
| Module | Level | Viz | Read | Start here | Key takeaway |
|---|---|---|---|---|---|
| RN Setup & Dev Loop | Beginner | Pipeline trace | 7m | Your RN dev loop is Metro bundling, Fast Refresh behavior, device runtime execution, and a disciplined debug process. | Metro serves the JavaScript bundle your app runs. |
| Forms & Keyboard Handling | Beginner | Pipeline trace | 6m | Forms feel broken on mobile when keyboard, focus, and layout resizing are handled incorrectly. Plan for those UX edges. | Keyboard handling is a layout responsibility, not just a component choice. |
| Accessibility on Mobile | Beginner | Pipeline trace | 6m | Accessible RN apps need labels, roles, logical focus, adequate touch targets, and real screen reader testing. | Icon buttons need accessibilityLabel. |
| Data Fetching & Async StatePro | Intermediate | Pipeline trace | 8m | Included in Pro | — |
| State Management PatternsPro | Intermediate | Side-by-side | 8m | Included in Pro | — |
| Debugging & ProfilingPro | Intermediate | Pipeline trace | 8m | Included in Pro | — |
| Navigation & Deep LinksPro | Intermediate | Pipeline trace | 7m | Included in Pro | — |
| Expo vs Bare WorkflowPro | Intermediate | Side-by-side | 8m | Included in Pro | — |
| App Lifecycle & AppStatePro | Intermediate | Sync queue | 7m | Included in Pro | — |
| Push Notifications (APNs & FCM)Pro | Intermediate | Pipeline trace | 8m | Included in Pro | — |
| Module | Level | Viz | Read | Start here | Key takeaway |
|---|---|---|---|---|---|
| Mobile Security BasicsPro | Advanced | Pipeline trace | 8m | Included in Pro | — |
| Testing React Native AppsPro | Intermediate | Pipeline trace | 8m | Included in Pro | — |
| CI/CD & Store ReleasePro | Advanced | Pipeline trace | 8m | Included in Pro | — |
| OTA vs App Store UpdatesPro | Advanced | Side-by-side | 8m | Included in Pro | — |