React 为我们提供了一套虚拟的事件系统，这套虚拟事件系统是如何工作的，笔者对源码做了一次梳理，整理了下面的文档供大家参考。 在 React事件介绍 中介绍了合成事件对象以及为什么提供合成事件对象，主要原因是因为 React 想实现一个全浏览器的框架， 为了实现这种目标就需要…

React高阶组件(HOC)，对于很多react开发者来说并不陌生，它是灵活使用react组件的一种技巧，高阶组件本身不是组件，它是一个参数为组件，返回值也是一个组件的函数。高阶作用用于强化组件，复用逻辑，提升渲染性能等作用。高阶组件也并不是很难理解，其实接触过后还是蛮简单的，…

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

这样，在运行npm run build的时候就会打包了。 ！！！注意webpack只负责将文件打包到dist目录下，当dist目录存在文件，重名的文件将覆盖，不重名的文件不删除。 这个HtmlWebpackPlugin会自动以外链的方式注入dist下面的index.ts到pub…

History 是 HTML5 新出的API，允许操作浏览器的曾经在标签页或者框架里访问的会话历史记录。主要特性是可以在不刷新整个页面的情况下修改站点的URL。像 vue-router 、react-router-dom 都是基于这个特性来实现路由的跳转的。 这里还有个事件可以…

日益忙碌的一周又过去了，是时候开始每周一次的总结复盘了，今天笔者就来剖析一下github中star数15.1k的开源项目redux-thunk。 作为一名React方向的前端工程师，不管是被面试还是面试别人，大部分都会说起redux-thunk的实现原理，因为它非常经典且有用，…

自己在使用hooks API的过程中经常会遇到一些问题，有的时候是对API的理解上的，有的时候是对为什么会这样而疑惑的，所以花了几天的时间查阅了一些资料翻看了源码，在这里做下总结，也算是一些个人理解的经验分享吧。主要是介绍hooks实现的三个要点，以及基于三要点的常用API源码…

从概念上讲，selector 函数与 connect 的 mapStateToProps的参数是差不多一样的。selector 函数被调用时，将会被传入Redux store的整个state，作为唯一的参数。每次函数组件渲染时， selector 函数都会被调用。useSele…

对于较长的列表，比如1000个数组的数据结构，如果想要同时渲染这1000个数据，生成相应的1000个原生dom，我们知道原生的dom元素是很复杂的，如果长列表通过生成如此多的dom元素来实现，很可能使网页失去响应。 首先我们尝试在React项目中，未做任何优化一次性渲染1000…