React基础知识

Posted 2020-09-02 Welcome to My World！

一、初识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结构