Checklist cơ bản

  • Tạo project bằng Vite: npm create vite@latest --template React
  • Coding file App.jsx sử dụng hàm useState, count, fetch
  • Cấu trúc thư mục (src/components, src/pages, src/hooks)
  • Thiết lập ESLint/Prettier
  • Thiết lập routing (React Router)

Checklist React core

  • JSX & render
  • Props
  • State (useState)
  • Side effects (useEffect)
  • Forms & validation
  • Conditional rendering
  • Lists & keys
  • Lifting state up
  • Context (useContext)
  • Performance: memo/useMemo/useCallback

Checklist data & API

  • Fetch/axios
  • Loading / error states
  • Caching (React Query / SWR)
  • Env vars (.env)
  • Authentication (token / cookie)

Checklist testing & deploy

  • Unit test (Vitest/Jest)
  • Component test (React Testing Library)
  • E2E (Playwright/Cypress)
  • Build: npm run build
  • Deploy (Vercel/Netlify)