概述
React是由Facebook主导开发的JavaScript框架,和之前流行过的 MVVM 框架例如 Angular 不同,React 只专注 MVC 中的 V(视图层),优点在于轻、块、并且组件化的思想在构建开发用户界面时有很大的帮助。React规范化的代码风格,能减少每个开发者开发出来的代码风格的差异,在团队协作中益处显著。
前置知识
- 熟悉 HTML
- 基本掌握 CSS
- JavaScript基础(变量/对象/函数)
- ES6 基础
- npm/yarn
学习方式
- 学习新框架第一参照物,文档。请熟读文档,认真的把文档所有设计到的知识点走一遍。
- 确定组件生命周期,有多少个生命周期及各个生命周期的回调函数。
- 确定组件数据传递,如何定义数据,如果传递数据。
- 确定组件模版语法,如果拼接/书写 HTML 结构,如果在结构中判断、循环。
- 做一个简单的 todoApp。
- 做一个复杂的 todoApp。
- 了解新框架的生态插件。
React 相关生态
- react-router-dom
- react-redux
- redux-thunk
- react-loadable
- immutable.js
在本章节中,将带领大家使用 React 从零开发 todoApp ,并接入其生态插件。
参考文档