最近看了一些 Ant Design 的组件源码，学到一些很实用的技巧，这篇文章来分享一下。 首先，我们用 create-react-app 创建个 React 项目（选择 typescript 模版）

在线体验 (online demo) 最近更新了文档站，优化了typescript类型定义，所有文档根据ts定义自动生成。优化了dumi编译，dumi开启了webpack5和mfsu速度稍微有提高，文

React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。 单向响应的数据流 − React 实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。 React 本身没有全家桶，只做UI界面。 提供了无缝切换到 React Nati…

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

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

几个月前React Hooks正式发版，在正式发版之前，发布了alpha版本，这时就已经有很多人开始分享React Hooks的使用方式和经验。笔者也是等到了正式发版稳定后才开始学习，这次在原来高仿B站视频弹幕的基础上使用Hooks开发了直播功能 由于一些原因，才引入了Hook…

这个冬天特别的寒冷且慢长，终于可以静下心来，做一些开源工作。读了zhoushaw老师的 打造属于你自己的instagram! 全栈项目(react + egg.js)项目， 非常喜欢， 于是决定为此开源项目录制开源视频，以帮助一起学习的同学们，每小节亦列出了react+egg.…

这两天自己简单的看了下 setState 的部分实现代码，在这边给到大家一个自己个人的见解，可能文字或图片较多，没耐心的同学可以直接跳过看总结(源码版本是16.4.1)。 、performWorkOnRoot、performSyncWork、performAsyncWork这四…