React 知识体系汇总

1. React 基础：

• JSX：JavaScript XML 语法的扩展，用于在 JavaScript 代码中描述 React 元素。

  理解 JSX 语法，学习如何在 JavaScript 中编写 React 组件。

• 组件：React 中的构建块，用于构建用户界面。
• Props：组件之间传递的属性。
• State：组件内部管理的可变状态。
• 事件处理：处理用户输入和其他交互的方式。

  了解 React 中的事件处理机制。

2. React 高级概念：

• 生命周期方法：组件的生命周期阶段，如挂载、更新和卸载。

  掌握组件的生命周期和状态管理。

• 高阶组件（HOC）：用于复用组件逻辑的函数。
• Render Props：通过 prop 将组件的渲染逻辑传递给其他组件。
• Hooks：React 16.8 引入的一种函数组件内部状态管理方式。

3. React Router：

• 处理前端路由，实现单页面应用（SPA）的导航。

4. 状态管理：

• Context API：React 提供的一种状态管理方式。
• 状态管理库：如 Redux、MobX。
• Redux： 学会使用 Redux 进行全局状态管理。
• React-Redux： 集成 React-Redux 库，将 Redux 与 React 应用结合起来。
• Redux 中间件： 了解 Redux 中间件的概念和使用场景。
• Redux Toolkit： 使用 Redux Toolkit 简化 Redux 的使用。

5. 表单处理：

• 受控组件和非受控组件。
• 表单验证。

6. 异步操作：

• 异步请求：使用 Fetch、Axios 等进行数据获取。
• 使用 useEffect 处理副作用。

7. 性能优化：

• Pure Components 和 React.memo。
• React 的虚拟 DOM 和 DOM 操作优化。

8. 服务端渲染（SSR）：

• 使用 Next.js 等框架进行服务端渲染。

9. 测试：

• 使用 Jest、React Testing Library 等工具进行单元测试和集成测试。

10. 组件库和样式：

- 使用现有的组件库，如 Material-UI、Ant Design。
- 样式处理：CSS 模块、Styled Components。

11. 国际化和可访问性：

- 处理多语言支持。
- 提高应用的可访问性。

12. 路由管理和导航：

- 使用 React Router 或其他路由库进行导航。

13. Web 编程范式：

- 使用 WebSockets 处理实时通信。
- Web Workers 处理多线程计算。

14. 持续集成和部署（CI/CD）：

- 使用 CI 工具集成测试，自动化部署。

15. 构建工具：

- Webpack、Babel 等用于构建和打包应用。

16. React Native：

- 使用 React Native 进行移动端应用开发。

17. 代码规范和代码风格：

- 使用 ESLint、Prettier 等工具确保一致的代码质量。