React Native

React Native

MOBILE

Phát triển di động đa nền tảng với React để xây dựng ứng dụng native iOS và Android bằng JavaScript/TypeScript. Kiến trúc dựa trên React với component native, hot reloading, và truy cập API native để tạo ứng dụng di động hiệu suất cao với một codebase duy nhất.

Bạn sẽ học được gì

React hiện đại với hook, Context API và functional component

Component native (View, Text, Image, ScrollView, FlatList)

Expo cho phát triển nhanh với công cụ tích hợp và cập nhật OTA

React Navigation cho điều hướng native (Stack, Tab, Drawer)

StyleSheet và Flexbox cho styling responsive và hiệu suất

Quản lý trạng thái (Redux Toolkit, Zustand, React Query, Context)

AsyncStorage và SecureStore cho lưu trữ dữ liệu

Module native cho tích hợp code native (Kotlin/Swift)

Kiểm thử toàn diện (Jest, React Native Testing Library, Detox E2E)

Hiệu suất (Hermes engine, lazy loading, tối ưu FlatList)

Chủ đề chính cần nắm vững

Những khái niệm quan trọng nhất để hiểu công nghệ này và thành công trong phỏng vấn

1

React: JSX, Virtual DOM, reconciliation, hook (useState, useEffect, useCallback)

2

React Native: native bridge, component native vs web, mô hình threading

3

Component cốt lõi: View, Text, Image, ScrollView, FlatList, SectionList

4

Platform API: Platform.OS, Platform.select, code theo nền tảng

5

Styling: StyleSheet, layout Flexbox, Dimensions, thiết kế responsive

6

Điều hướng: React Navigation (Stack, Tab, Drawer, navigator lồng nhau)

7

Quản lý trạng thái: Context API, Redux Toolkit, Zustand, Recoil

8

Thao tác async: useEffect, fetch, axios, React Query cho server state

9

Lưu trữ: AsyncStorage, SecureStore, react-native-mmkv, SQLite

10

Module native: tạo module native, liên kết thư viện, autolinking

11

Expo vs Bare React Native: ưu/nhược điểm, prebuild, config plugin

12

Quyền: react-native-permissions, yêu cầu quyền, xử lý từ chối

13

Animation: Animated API, Reanimated 2, LayoutAnimation, gesture (Gesture Handler)

14

Kết nối mạng: fetch, axios, WebSocket, xử lý lỗi, logic thử lại

15

Form: controlled component, React Hook Form, validation (Yup, Zod)

16

Kiểm thử: unit test (Jest), test component, E2E (Detox, Maestro)

17

Hiệu suất: tối ưu FlatList, useMemo, useCallback, Hermes, Flipper

18

Thông báo đẩy: Firebase Cloud Messaging, Expo Notifications, thông báo cục bộ

19

Bản đồ và vị trí: react-native-maps, Geolocation API, vị trí nền

20

Build và triển khai: EAS Build, Fastlane, App Store/Play Store, cập nhật OTA