react基础与实践
一、react的简介与特性 1、react是构建用户界面的js库，特点是声明式、组件化、跨平台编写。 声明式编程：可以只需要调用3date就能够修改dom中的内容，比命令式编程方便。 组件化是把页面分成一个个组件，可以用js语法编写。 跨平台编写：不同渲染器就能够实现 2、点击路由开始加载组件和组件对应的文件，把网络环境修改成较低级的如3g，资源加载器就会耗费较多时间，但是弱网环境下可以出现加载中的提示，增强交互。 3、errorboundary 组件内部抛出错误就会调用errorboundary。 4、等待资源加载的瓶颈如何解决？ js加载会阻塞浏览器的进程，就可能导致页面掉帧，用户的体验就是页面太卡。将任务拆分成多个小任务在每一帧的空闲时间（时间切片，操作虚拟dom）去处理。 5、react更新流程 6、react优缺点
二、react基础
1、react开发web应用 打包配置JSX->babel->JS，加载优化和错误降级 2、组件 3、函数式组件 hook：不编写class的情况下可以使用state或者其他的特性。 4、function有复杂的生命周期。组件相当于原子。 5、hook只能在最顶层使用hook，hook中有调用顺序。 只能在react函数组件中调用hook，自定义hook都是以use开头。hook中的state是互相隔离的。 6、hook的过期闭包
三、业务场景案例 1、组件component blockweapper，animationwrapper 2、父子组件通信 例子：
{React.Children.map(children,(child)=>{
if (child&&child.props){
return React.cloneElement(child,commonProps);
}
return child;
})}
Primary
使用SizeWrapper组件可以避免在每一行后面都props.size，减少代码重复率，便于维护。
3、组件间共享信息react-redux 4、常见api 5、改变组件的挂载位置
