React基础知识
一、初识React
1-React并不是一个完整的MVC、MVVM框架
2-React跟Web Components并不冲突
3-React的特点就是轻
4-组件化的开发思路
二、适用的应用场景
1-复杂场景下的高性能
2-重用组件库,组件组合
3-懒
三、前置基础
1-JS CSS基础
2-Sass Compass
3-Grunt Webpack
4-CommonJS Nodejs
四、知识点
1-JSX:Javascript+XML 语法糖 类似的还有coffeescript、typescript(微软),其DOM为React Components
2-render(arg1,arg2)函数,arg1为React Components,arg2为插入的位置element
3-React.createClass(arg),arg为JavaScript object,其重要的key值为render
4-props 为React Component实例化过程中的添加的属性集合
5-React Components Lifecycle——每个状态React都封装了对应的hook函数,did will
- Mounted:React Components被render解析生成对应的dom节点,并被插入浏览器的dom结构的过程——component will mount和component mounted之后,初始化state,getInitialState componentWillMonunt(),componentDidMount()
- Update:一个Mounted的React Component被重新render的过程,componentWillUpdate和componentDidUpdate,componentWillReciveProps,shouldComponentUpdate
- Unmounted:一个Mounted的React Component被移出Dom结构的过程,componentWillUpate()
6-props和state发生变化,则需要重新update dom结构