React / TypeScript
现代前端开发

本教程系统讲解现代前端开发的完整知识体系。React 是 Meta 开源的 UI 库，TypeScript 是 JavaScript 的超集，二者已成为业界最主流的前端技术组合。

课程从 JavaScript 核心特性出发，逐步引入 TypeScript 类型系统，深入 React 组件模型、Hooks 机制、状态管理与路由，最终完成一个可部署的完整应用。

✅ 了解基本的 HTML 和 CSS 知识

✅ 安装 Node.js（v18+）—— 从 nodejs.org 下载

✅ 安装 VS Code + ESLint + Prettier 扩展

⚪ 有 JavaScript 基础更好，但本教程第1章会完整回顾关键特性

• 1
  JavaScript 核心特性回顾

  ES6+、解构赋值、展开运算符、Promise、async/await、模块系统
  ›
• 2
  TypeScript 类型系统

  基础类型、接口、泛型、联合类型、类型守卫、实用工具类型
  ›
• 3
  React 基础：组件、JSX 与 Props

  函数组件、JSX 规则、Props 类型定义、子组件、组件组合
  ›
• 4
  React Hooks 深度解析

  useState、useEffect、useRef、useMemo、useCallback、自定义 Hook
  ›
• 5
  状态管理：Context 与 Zustand

  何时需要全局状态、Context API、Zustand、状态设计原则
  ›
• 6
  React Router 6：路由与导航

  客户端路由、嵌套路由、动态参数、loader、受保护路由
  ›
• 7
  数据请求：Fetch、Axios 与 React Query

  REST API、axios 封装、React Query 缓存与同步、错误边界
  ›
• 8
  样式方案：CSS Modules 与 Tailwind CSS

  CSS-in-JS 对比、CSS Modules、Tailwind 实战、设计系统
  ›
• 9
  测试：Vitest 与 Testing Library

  单元测试、组件测试、Mock、测试最佳实践
  ›
• 10
  构建优化与部署

  Vite 构建、代码分割、懒加载、性能优化、Vercel 部署
  ›