react教程
2022/3/21小于 1 分钟
react教程
简介
React 是由 Facebook(Meta)开发和维护的用于构建用户界面的 JavaScript 库。React 使用虚拟 DOM 和组件化开发模式,以其声明式、高效和灵活的特性成为前端开发的主流选择。
核心特性
- ⚛️ 声明式 - 以声明方式描述 UI,状态变化时自动更新
- 🧩 组件化 - 将 UI 拆分为独立、可复用的组件
- 🔄 虚拟 DOM - 通过 diff 算法最小化真实 DOM 操作
- ⏱ Fiber 架构 - 可中断的异步渲染(React 18+)
文档导航
📖 基础教程
| 文档 | 说明 |
|---|---|
| 快速开始 | 环境搭建、组件、JSX、Props、条件渲染 |
| Hooks 详解 | useState、useEffect、useRef、useMemo、自定义 Hook |
| 高级特性 | Context、useReducer、React 18 新特性、状态管理 |
🛠 开发指南
| 文档 | 说明 |
|---|---|
| CSS 方案 | CSS-in-JS、CSS Modules、Tailwind、UnoCSS |
| React 技巧 | 装饰器、图片导入、常见问题 |
| React 升级 | 生命周期迁移、React 18 升级 |
| 状态管理 | Redux、Zustand、Jotai、MobX |
| Storybook | 组件开发/文档工具 |
| 图标库推荐 | react-icons、iconify 等 |
