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
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
  • Bài học (5)
  • Tư Duy Testing Chuẩn với Vitest & React Testing Library (RTL)18m•intermediate
  • Mocking Tầng Mạng với MSW (Mock Service Worker)20m•advanced
  • Kiểm Thử Custom Hooks & Zustand Store Độc Lập18m•intermediate
  • Accessibility (a11y) & Kiến Trúc Chịu Lỗi (Error Resilience)20m•advanced
  • Playwright E2E: Kiểm Thử Critical User Journeys24m•advanced
T08
Production Capstone: TeamBoard0/1 hoàn thành
Tiến độ React0/32 bài
Quay lại danh sách Lộ trình
5 Bài học
Tổng thời lượng: ~100 phút

Enterprise React Testing & Production Readiness

Chiến lược kiểm thử từ Vitest/RTL, MSW, hooks/store đến Playwright E2E, accessibility và error resilience.

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

1

Tư Duy Testing Chuẩn với Vitest & React Testing Library (RTL)

intermediate

Nguyên lý 'The more your tests resemble the way your software is used, the more confidence they can give you' và quy tắc chọn Query.

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

Mocking Tầng Mạng với MSW (Mock Service Worker)

advanced

Chặn request ở network boundary để kiểm thử Loading, Error, Empty và Success mà không cần bật backend thật.

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

Kiểm Thử Custom Hooks & Zustand Store Độc Lập

intermediate

Sử dụng renderHook, act() và test-isolation để kiểm thử các Custom Hooks phức tạp và kiểm tra logic chuyển đổi trạng thái của Zustand Store.

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

Accessibility (a11y) & Kiến Trúc Chịu Lỗi (Error Resilience)

advanced

Cải thiện khả năng tiếp cận với semantic HTML, điều hướng bàn phím và thiết lập Error Boundary đa tầng.

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

Playwright E2E: Kiểm Thử Critical User Journeys

advanced

Kiểm thử ứng dụng thật qua browser, tập trung vào các hành trình có giá trị cao thay vì lặp lại mọi unit test.

24 phút3 câu hỏi Quiz