React.js 要学多久

学习 React.js 所需的时间因人而异，主要取决于你的编程基础、每天投入的时间以及学习目标（是入门、胜任工作，还是精通）。

以下是针对不同类型学习者的时间估算和学习路径：

1. 学习时长估算

2. 推荐的学习里程碑 (以有 JS 基础为例)

如果你已经掌握了 JavaScript (ES6+)，以下是建议的学习阶段：

第一阶段：核心概念 (1-2 周)

这是 React 的骨架，必须掌握。

• JSX 语法：了解如何在 JS 中写 HTML。
• 组件化：函数组件 (Function Components) 是现在的首选。
• Props 与 State：数据传递（父传子）和状态管理（组件内部数据）。
• 事件处理：onClick, onChange 等。
• 列表与 Key：如何渲染数组数据。

第二阶段：Hooks 深入 (2-3 周)

React 16.8 之后的核心，也是难点。

• useState：最基本的状态管理。
• useEffect：处理副作用（API 请求、监听事件、DOM 操作）。
• useRef, useMemo, useCallback：性能优化和进阶用法。

第三阶段：路由与数据请求 (1-2 周)

让应用真正“跑起来”。

• React Router：实现页面跳转。
• 数据获取：使用 fetch 或 axios 请求 API。
• 服务端状态管理：了解 React Query 或 SWR（现代 React 开发必备）。

第四阶段：状态管理与工程化 (2-3 周)

解决复杂应用的数据流问题。

• Context API：解决简单的全局状态（如主题、用户登录信息）。
• 状态管理库：Zustand（推荐，简单）或 Redux Toolkit（行业标准，较复杂）。
• 构建工具：Vite 或 Next.js（现代 React 开发通常基于 Next.js）。

3. 快速上手建议（避坑指南）

1. 不要先学“类组件” (Class Components)： 现在的 React 开发 99% 使用函数组件 + Hooks。类组件是旧时代的产物，除非你要维护老项目，否则没必要花太多时间学。

2. JavaScript 必须过关： React 不是一个新的语言，它本质就是 JavaScript。如果你对 解构赋值 (Destructuring)、展开运算符 (Spread Operator)、箭头函数 (Arrow Functions)、数组方法 (Map/Filter/Reduce) 不熟悉，学 React 会非常痛苦。

3. 不要死磕“全家桶”： 初学者容易陷入“我要先学完 Redux、Router、TypeScript 才能开始写代码”的误区。 建议路径：先写一个 Todo List (只用到 State/Props) -> 再写一个天气查询应用 (用到 API 请求) -> 最后再引入路由和状态管理。

4. 学会使用官方文档： React 官方文档 最近进行了大改版，非常友好，且有交互式练习，是最好的学习材料。

4. 总结

• 想写个页面玩玩：1周 足够。
• 想找份初级前端工作：2-3个月 的系统学习（配合项目实战）。
• 想成为高级专家：1年以上 的持续实战和源码阅读。

一句话建议： 别只看视频，动手写一个完整的小项目（比如仿制一个豆瓣/知乎的页面）是进步最快的方式。