首页 > 代码库 > React基础知识

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结构

React基础知识