本文通过对React事件系统和源码进行浅析，回答“为什么React需要自己实现一套事件系统？”和“React的事件系统是怎么运作起来的？”两个问题。React为了性能和复用，采用了事件代理，池，批量更新，跨浏览器和跨平台兼容等思想，将事件监听挂载在document上，构造合成事…

我曾经对 shouldComponentUpdate 的用途不解。react 的卖点之一，是通过 diff 虚拟节点树，减少对真实节点的操作，所以我以前以为既然 diff 了，那就自然知道节点有没有更新了，diff 是根据 setState 的内容进行的，那 shouldCom…

对于样式中的与大小相关的值，react进行了优化处理，我们直接使用数字即可，不用写px单位。 在我们不使用库之前，需要自己动态拼接classname的字符串。源文件也非常简单，其下载量也说明其使用频率比较高，参考源码：链接 css模块化的方案主要有两种，分别为行内样式以及结合j…

本文为入门级别的技术文章以及读书笔记，大佬请忽略。demo地址：链接 父组件向子组件通讯是我们开发中非常常见，其方式也一般是props属性最直接方便，当然这里指的是直接就是父子组件关系的。 这里只希望提示大家一点，如果你有需要，不要直接修改传入属性的值，如果你尝试直接修改会有提…

在React写应用的时候，难免遇到跨组件通信的问题。现在已经有很多的解决方案。 自身状态管理短板的补充。而Redux和Mbox这两个库本身并不是为React设计的，对于一些小型的React应用 比较重。 Unstated是基于context API。也就是使用React.cre…

学习就好比是座大山，人们沿着不同的路登山，分享着自己看到的风景。你不一定能看到别人看到的风景，体会到别人的心情。只有自己去登山，才能看到不一样的风景，体会更加深刻。一千个读者就有一千个哈姆雷特，但是莎士比亚心中的哈姆雷特肯定只有一个。就好比element源码只有一个，但每个人看…

通过写一篇react小册来查缺补漏。 使用ReactDOM.render,第一个参数传入JSX语法糖，第二个参数传入container,能简单实现在document上创建h1 dom节点。 所以ReactDOM.render的时候，看似引入的React没有用，但必须引入因为用到…

本文将从 render 函数的角度总结 React App 的优化技巧。需要提醒的是，文中将涉及 React 16.8.2 版本的内容(也即 Hooks），因此请至少了解 useState 以保证食用效果。 正文开始。 当我们讨论 React App 的性能问题时，组件的渲染速…

这篇文章是我自己在搭建个人网站的过程中，用到了服务端渲染，看了一些教程，踩了一些坑。想把这个过程分享出来。 我会尽力把每个步骤讲明白，将我理解的全部讲出来。 文中的示例代码来自于这个仓库，也是我正在搭建的个人网站，大家可以一起交流一下。示例代码因为简化，所以与仓库代码有些许出入…