概述

React是由Facebook主导开发的JavaScript框架,和之前流行过的 MVVM 框架例如 Angular 不同,React 只专注 MVC 中的 V(视图层),优点在于轻、块、并且组件化的思想在构建开发用户界面时有很大的帮助。React规范化的代码风格,能减少每个开发者开发出来的代码风格的差异,在团队协作中益处显著。

前置知识

  • 熟悉 HTML
  • 基本掌握 CSS
  • JavaScript基础(变量/对象/函数)
  • ES6 基础
  • npm/yarn

学习方式

  1. 学习新框架第一参照物,文档。请熟读文档,认真的把文档所有设计到的知识点走一遍。
  2. 确定组件生命周期,有多少个生命周期及各个生命周期的回调函数。
  3. 确定组件数据传递,如何定义数据,如果传递数据。
  4. 确定组件模版语法,如果拼接/书写 HTML 结构,如果在结构中判断、循环。
  5. 做一个简单的 todoApp。
  6. 做一个复杂的 todoApp。
  7. 了解新框架的生态插件。

React 相关生态

  • react-router-dom
  • react-redux
  • redux-thunk
  • react-loadable
  • immutable.js

在本章节中,将带领大家使用 React 从零开发 todoApp ,并接入其生态插件。

参考文档