在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以及其中背后的原理。 我们对十万条记录进行循环操作，JS的运行时间为187ms，还是蛮快的，但是最终渲染完成…

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue，这里…

react 不同组件用法。 react hook 相比以前带来什么。 react hook 的用法。 1. 功能（无状态）组件 2. 类（有状态）组件 3. 渲染组件 容器型组件一般是有状态组件。 4. 高阶组件 HOC 主要是抽离状态，将重复的受控组件的逻辑抽离到高阶组件中，…

慢慢熟练以后，发现Hooks的执行时机和生命周期又有些不同。比如componentWillReceiveProps对应哪个Hooks？ React官方也发现了这个问题，在React要重写文档了讲到，React要基于Hooks重写文档。 视图可以看作状态经过函数的映射。 用户与界…

重构过程中，肯定会遇到新的代码如何做技术选型的问题，要考虑到这套技术的生命力，也就是他是否是更新的技术，还有他的灵活和拓展性，期望能够达到在未来至少 3 年内不需要做大的技术栈升级。我的这次重构经历是把 jQuery 的代码变为 React ，你品品，算是最难，劳动最密集的重构…

React 是现如今流行的前端框架，也是很多大厂面试必备。 React 与 Vue 虽有不同，但同样作为一款 MV* 框架，虽然实现可能不一样，但在一些理念上还是有相似的，例如数据驱动、组件化、虚拟 DOM 等。 这些往往要更深入挖掘方可得知自己的结论，任重道远，不停歇。 通过…

源码附在文章末尾, 注意查收。 做为一个基于antd-design-pro和react hooks打造的后台管理系统项目，该项目利用了antd-design-pro提供的权限认证、配置化路由、页面布局组件、面包屑等功能，完成了登录、首页、产品、用户几大模块的开发。由于个人感觉a…

在类定义中，我们可以使用到许多 React 特性，例如 state、 各种组件生命周期钩子等，但是在函数定义中，我们却无能为力，因此 React 16.8 版本推出了一个新功能 (React Hooks)，通过它，可以更好的在函数定义组件中使用 React 特性。 3、状态与U…

使用useState来定义及初始化一个状态；使用const定义一个数组，第一个参数是定义的状态，useState里的内容为赋予的值；第二个参数是setXX，用来修改定义的状态；如const [XX, setXX]=useState(""),这就是定义了XX为一个字符串。 给没有…