React với TypeScript — Series Overview
Về Series này
Tuyển tập các tài liệu, hướng dẫn và best-practices khi xây dựng ứng dụng với React 18 và TypeScript. Đặc biệt, series tập trung vào thực tiễn kỹ thuật giải quyết các bài toán khi phát triển frontend trên nền tảng Zalo Mini App (ZMP).
Tech Stack cốt lõi
Công nghệ sử dụng xuyên suốt series:
- Framework: React 18
- Ngôn ngữ: TypeScript
- Định tuyến:
react-router-domv6 - Quản lý State: Jotai
- Nền tảng đích: Zalo Mini App
Danh sách bài học
Hướng dẫn
Nhấn vào tiêu đề của bài học để đi tới tài liệu chi tiết.
| Bài | Tên bài học | Tóm tắt nội dung |
|---|---|---|
| 01 | React Router DOM | Kiến thức toàn tập về định tuyến SPA: Sự khác biệt giữa các Router, hook thiết yếu, Nested route, Bảo vệ route (Protected), Lazy loading và lý do phải dùng MemoryRouter trên Zalo. |
| 02 | Jotai — Quản lý State theo kiểu Nguyên Tử | Atomic state là gì, tại sao tốt hơn Context/Redux, so sánh các giải pháp, và 5 patterns thực chiến: atomFamily, atomWithReset, atomWithRefresh, loadable. |
| 03 | Đang cập nhật... | (Bài học tiếp theo) |
Lộ trình dự kiến
Các chủ đề tiếp theo đang được chuẩn bị lên sóng:
- [x] Định tuyến SPA với
react-router-domvàMemoryRoutercho Zalo - [x] Quản lý State toàn cục với Jotai và atomic patterns
- [ ] React Query — Quản lý Server State và Caching hiệu quả
- [ ] Tối ưu hóa hiệu năng (Re-render, Memoization) trong React
- [ ] Xây dựng Form chuẩn xác với React Hook Form & Zod
- [ ] Styling ứng dụng siêu tốc với Tailwind CSS & Radix UI