dev-proPRO
OverviewLộ Trình HọcPhỏng VấnAI System
dev-pro— Thực chiến Frontend React, Next.js & Luyện phỏng vấn
contact@dev-pro.online•Code thật. Phỏng vấn thật.
Seri React Mastery8 Lộ trình · Sandbox
Seri React Mastery
8 tracks
T01
React Core Foundations0/7 hoàn thành
  • Bài học (7)
  • Giải Phẫu Cấu Trúc Thư Mục Dự Án React & Vòng Đời Bootstrapping15m•beginner
  • Bản chất của JSX & Mental Model Render trong React15m•beginner
  • Props, Tính Bất Biến & Pattern Component Composition15m•beginner
  • Làm chủ State với useState & Cơ chế Batching18m•beginner
  • React Events, State Modeling & Lifting State20m•beginner
  • Rendering Danh Sách, Keys & Điều Kiện Hiển Thị Chuẩn16m•beginner
  • State Placement: Local, URL, Server, Global hay Form?20m•intermediate
T02
React Hooks Mastery0/5 hoàn thành
T03
React Component Architecture & Forms0/4 hoàn thành
T04
React & Compiler: Modern Path0/4 hoàn thành
T05
Form Engineering: RHF + Zod + Server Actions0/2 hoàn thành
T06
Advanced React Performance Patterns0/4 hoàn thành
T07
Enterprise React Testing & Production Readiness0/5 hoàn thành
T08
Production Capstone: TeamBoard0/1 hoàn thành
Tiến độ React0/32 bài
Quay lại danh sách Lộ trình
7 Bài học
Tổng thời lượng: ~119 phút

React Core Foundations

Lộ trình khởi đầu vững chắc: JSX, component, props, events, state modeling, lifting state, rendering và cách chọn đúng nơi đặt state.

Danh Sách Bài Học (Syllabus)

1

Giải Phẫu Cấu Trúc Thư Mục Dự Án React & Vòng Đời Bootstrapping

beginner

Khám phá vai trò của từng file và folder (index.html, package.json, src/, public/, main.tsx, App.tsx) và cách ReactDOM gắn kết ứng dụng vào trình duyệt.

15 phút3 câu hỏi Quiz
2

Bản chất của JSX & Mental Model Render trong React

beginner

Hiểu rõ JSX không phải HTML, cách React biên dịch JSX thành React.createElement và chu kỳ Render Phase vs Commit Phase.

15 phút1 câu hỏi Quiz
3

Props, Tính Bất Biến & Pattern Component Composition

beginner

Sử dụng props đúng cách, tuân thủ dữ liệu read-only và áp dụng composition để giảm prop drilling.

15 phút1 câu hỏi Quiz
4

Làm chủ State với useState & Cơ chế Batching

beginner

Hiểu rõ cơ chế Snapshot của State, Updater Function và Automatic Batching để tránh các lỗi logic cập nhật state bất đồng bộ.

18 phút1 câu hỏi Quiz
5

React Events, State Modeling & Lifting State

beginner

Xử lý event đúng cách, thiết kế state tối thiểu và nâng state lên owner chung khi nhiều component cần đồng bộ.

20 phút3 câu hỏi Quiz
6

Rendering Danh Sách, Keys & Điều Kiện Hiển Thị Chuẩn

beginner

Bản chất thuật toán Reconciliation của React khi so sánh Key, cạm bẫy dùng index làm key và cách viết Conditional Rendering sạch.

16 phút1 câu hỏi Quiz
7

State Placement: Local, URL, Server, Global hay Form?

intermediate

Dùng cây quyết định để đặt state đúng nơi thay vì đưa mọi thứ vào useState, Context hoặc Zustand.

20 phút3 câu hỏi Quiz