React Native & Mobile Dev

Lộ trình Học tập & Phỏng vấn — 2-4 YOE

3 bridge pages tùy chọn + 15 module nội dung + 1 practice track + roadmap. Học theo flow khuyến nghị bên dưới, tick checkbox khi hoàn thành.

📋 Tiến độ tổng quan

Đánh dấu các module đã hoàn thành để track progress

🗺️ Lộ trình 8 tuần

Trục học chính: hiểu bản chất → thấy bug thật → debug → fix → trả lời phỏng vấn → áp dụng vào app

Đọc mỗi module song song với RN Learning Playground. Mỗi concept quan trọng phải có một output cụ thể: code chạy được, bug đã debug, hoặc câu trả lời phỏng vấn đã luyện thành tiếng.

Bridge Nếu chưa từng học React Native — đọc nhanh để không kẹt setup và mental model
Bridge 00A
Setup & First App
Expo vs CLI, toolchain, chạy app đầu tiên, lỗi setup thường gặp.
Tùy chọn ⏱ 2-4h
Bridge 00B
React for React Native
Component, props, state, list, input và bug React cơ bản trong RN.
Tùy chọn ⏱ 3-5h
Bridge 00C
React Native Mental Model
Native UI, core components, styling, ScrollView vs FlatList, thread model.
Tùy chọn ⏱ 3-5h
Practice Track
RN Learning Playground
App thực hành xuyên suốt: auth, navigation, API, cart, storage, testing, performance, release và system design.
Làm song song ⏱ xuyên suốt 8 tuần
Tuần 1-2 Nền tảng — JS/TS + React Core + Hooks + RN Basics
Module 01
JavaScript & TypeScript Nền tảng
Closure, Prototype, Async/Await, Event Loop, TS Generics, Utility Types
Phải có ⏱ 8-10h
Module 02
React Core Concepts
Components, JSX, Props, State, Virtual DOM, Reconciliation, Fiber
Phải có ⏱ 6-8h
Module 04
Hooks Deep Dive
useState, useEffect, useCallback, useMemo, useRef, Custom Hooks, Rules of Hooks
Phải có ⏱ 8-10h
Module 03
React Native Cơ bản
Core Components, Styling/Flexbox, Platform API, Images, Inputs
Phải có ⏱ 8-10h
Tuần 3 Navigation & Lists
Module 05
Navigation
React Navigation, Stack/Tab/Drawer, Type-safe params, Deep Linking
Phải có ⏱ 6-8h
Tuần 4 Networking & State
Module 07
Networking & API
Axios, Interceptors, Token Refresh, React Query, REST vs GraphQL
Phải có ⏱ 8-10h
Module 06
State Management
Context API, Redux Toolkit, Zustand, React Query, Server vs Client State
Phải có ⏱ 10-12h
Tuần 5 Security, Testing & Performance
Module 11
Security & Storage
Keychain/Keystore, MMKV, Offline-first, Cert Pinning, Biometrics, OWASP
Phải có ⏱ 6-8h
Module 12
Testing
Jest, RNTL, Detox, Maestro, Mocking, Coverage, Testing patterns
Phải có ⏱ 8-10h
Module 08
Performance Optimization
FlatList tuning, Re-render, Hermes, Threading model, Profiling, Memory leaks
Phải có ⏱ 8-10h
Tuần 6 Animation, Kotlin/Android & Native Architecture
Module 09
Animation
Animated API, Reanimated, Gesture Handler, Lottie, LayoutAnimation
Nên có ⏱ 8-10h
Module 14
Kotlin & Android Basics
Kotlin syntax, Null safety, Coroutines, Activity lifecycle, XML, ViewModel
Nên có ⏱ 10-12h
Module 10
Native Modules & New Architecture
Bridge, JSI, Fabric, TurboModules, Codegen, Native Module authoring
Nên có ⏱ 6-8h
Tuần 7-8 Release & Interview Readiness
Module 13
CI/CD & Deployment
Fastlane, CodePush, EAS, GitHub Actions, Store submission, Crash reporting
Nên có ⏱ 6-8h
Module 15
System Design & Behavioral
Mobile system design, Architecture decisions, STAR method, Mock interviews
Nên có ⏱ 6-8h

💡 Cách dùng tài liệu này hiệu quả

  1. Học theo flow khuyến nghị: thứ tự trên ưu tiên khả năng build app thật. Số module vẫn giữ nguyên để link giữa file không bị thay đổi.
  2. Nếu mới với React Native: đọc Bridge 00A-00C trước để có app chạy được và hiểu khác biệt web/mobile. Nếu đã có kinh nghiệm, skim nhanh hoặc bỏ qua.
  3. Mỗi module: Đọc phần "Hướng dẫn học" TRƯỚC → làm theo step by step → làm bài tập → tự kiểm tra bằng checklist.
  4. Đừng chỉ đọc: Mỗi concept phải CODE THỬ. Tạo 1 project rn-learning-playground để thực hành.
  5. Dùng playground làm bằng chứng học: Mỗi module phải để lại ít nhất 1 commit/note trong RN Learning Playground.
  6. Làm mini flow thực tế: Ưu tiên login, list/detail, form, cache, test, release checklist. LeetCode chỉ giữ khi thật sự giúp hiểu JS/TS hoặc data structure liên quan.
  7. Mock interview: Sau khi học xong mỗi module, tự trả lời câu hỏi phỏng vấn THÀNH TIẾNG. Record lại nếu có thể.
  8. Checklist: Chỉ đánh dấu khi đã code thử, debug ít nhất một lỗi, và giải thích được trade-off cho người khác.

⚠️ Lưu ý quan trọng

React Native & Mobile Developer Learning Guide • 3 Bridge Pages + 15 Modules + Practice Track • 2-4 YOE
Mở file bằng browser • Cmd+P để lưu PDF từng module