Ant Design Pro 是一个企业级中后台前端/设计解决方案，它秉承 Ant Design 的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。 简而…

俗话说得好, 知其然更要知其所以然, 我相信现在大部人都用过react, 但是对其中的原理又了解多少?今天这篇文章就是为了介绍react的原理。文中不会涉及过多的源码, 但是里面的内容都是依据源码(v16.13.1)解析而来, 大家可以把这篇文章当作一篇科普类文章来阅读。如果发…

3.Vue 的这个 DOM Diff 过程就是一个查找排序的过程，遍历 Virtual DOM 的节点，在 Real DOM 中找到对应的节点，并移动到新的位置上。不过这套算法使用了双向遍历的方式，加速了遍历的速度，更多请戳； 2.通过js的事件绑定程序 addEventLis…

React 设计理念 从 React 官网 我们可以看到这样一句话： 我们知道目前主流浏览器刷新频率为 60Hz，即每（1000ms / 60Hz）16.6ms 浏览器刷新一次。在这 16.6ms 要

React 15 以及之前的版本有一个主要的问题 —— 虚拟 dom 的 diff 操作是同步完成的。 这就意味着当页面上有大量 DOM 节点时，diff 的时间可能过长，从而导致交互卡顿，或者直接没有反馈。 这就引出了 React Fiber 来处理这样的问题。 为了保证阅读…

最近在公司搬砖的过程中遇到了一个bug，页面加载的时候会闪现一下，找了很久才发现是useeffect的依赖项的问题，所以打算写篇文章总结一下，希望对看到文章的你也有所帮助。

笔者是一个 react 重度爱好者，在工作之余，也看了不少的 react 文章, 写了很多 react 项目 ,接下来笔者讨论一下 React 性能优化的主要方向和一些工作中的小技巧。送人玫瑰，手留余香，阅读的朋友可以给笔者点赞，关注一波 。 陆续更新前端文章。 方向分别加以探…

近期抽时间对 React hooks 系统的学习了一下，发现真香，根本停不下来，分享一下用了将近一年的心得。 useState 返回值为一个数组，数组的第一个参数为我们需要使用的 state，第二个参数为一个 setFn。 不要在循环、条件或嵌套函数中调用 Hook。 所以总结…

React 16.8 正式推出 Hooks 至今已经两年多了，有些朋友却一直觉得这是个新技术，对上手使用 Hooks 仍然处于观望状态，即使大多数使用React 技术栈的公司，他们所开发的项目也是多数采用React.Component的形式。 还有些朋友想要使用 React H…