这篇文章从React Fiber架构的原理和源码入手，为你织开一面关于Fiber架构的基础知识网络。

最近在学习使用框架的时候，分别使用vue和react开发了两个移动端产品，对这两个框架的学习曲线有了一些感悟，这两个都是现在比较热门的js框架，它俩在使用方式上和学习复杂度上还是有很大区别的，这里简单总结下两者的差异。 vue由尤雨溪开发，由独立团队维护，现在大部分的子项目都交…

2021 高频前端面试题汇总之React篇，前端面试题汇总系列文章的React篇，长期更新，欢迎收藏、点赞！

在不久前的一个大厂试下你的一面当中,一上来就给我丢出了这么一个问题,搞得我头都大了。我也看过很多面经,发现真的很喜欢问这个。关于 React 的,10 篇里面有 5 篇都会问到 Fiber 相关的。

使用lazy进行组件懒加载 通过组件懒加载可以将代码分割成更小的块，只有在需要时才会被加载。减少页面响应延迟 虚拟列表 仅渲染可见区域的dom元素 资源的优化 CDN优化 对于体积较大的非业务JS文件

Hooks Hooks 旨在解决在类组件中使用复杂逻辑、共享状态和处理副作用时的一些问题，使得函数式组件具有更多的能力和灵活性。 Hooks函数 useState：用于在函数式组件中添加和管理状态。u

自从react16.8，react-hooks诞生以来，在工作中一直使用hooks，一年多的时间里，接触的react项目，渐渐使用function无状态组件代替了classs声明的有状态组件，期间也总结了一些心得。尤其对于近期三个月的项目里，一点点用自定义hooks来处理公司项…

redux Redux是一个全局应用状态的库 Redux使用单向数据流 State描述了应用程序在某个时间点的状态，视图基于该state渲染 视图dispatch一个action store调用red

路径配置 配置步骤 安装craco 项目根目录下创建配置文件craco.config.js,配置如下 包文件中配置启动和打包命令 package.json 联想路径配置 需要在项目目录下添加jscon