xd_learn_react_in_a_month.md

ReactJS 新手学习指南

以下是个人在学习 ReactJS 过程中收集并筛选出的比较实用的文章。意见仅供参考。

基本要求

在学习 ReactJS 之前，你需要具备以下知识点：

• HTML，CSS 和 JavaScript 的基本知识。
• ES6 的基本知识：
  • Let
  • Const
  • Arrow functions
  • Imports and Exports
  • Classes
• npm 的基本知识。

学习 ReactJS

• 独立完成官方教程
• 在完成以上教程时，参照文档，确保阅读完 MAIN CONCEPTS 全部内容

作业

• 设计并开发一个计算器：
  • 具体加减乘除，清零功能
  • 输入时显示输入值

学习 React Router

• 独立完成此教程
• 在完成以上教程时，参照文档，确保阅读完 EXAMPLES 全部内容

作业

• 实用 React Router 开发一个简单的 SPA：
  • 主页面（Home)
  • 子页面（About)
  • 子页面（Topics)
    • 子页面（C++)
    • 子页面（PHP)

学习 Webpack

• 阅读此文章,了解 Webpack 的使用价值

学习 Redux

• 阅读此文章
• 阅读此文章
• 阅读此文章
• 阅读此文章
• 通过以上学习，你需要理解：
  • Redux 的基本使用技巧
  • 什么是 Container Component
  • 使用 Jest 进行开发

作业

• 实用 Redux + Jest 开发一个简单的 Shopping Cart：
  • 将产品加入购物车
  • 将产品从购物车移除
  • Jest 测试
  • Container Component

学习 Formik

• 独立完成此教程
• 通过以上学习，你需要理解：
  • 使用 Redux 来处理 Form 是一个不理想的方案

学习 React Hook Form

• 独立完成此教程

学习 Storybook

• 阅读此文章
• 独立完成此教程
• 通过以上学习，你需要理解：
  • CDD 开发的好处

学习 Apollo Client

• 独立完成此教程
  • 使用 Mock 来模拟服务器端数据