对于这种变动，我举双手赞成。不过，我最感兴趣的还是，为什么要用新的转换语法呢？在React 的 RFC-0000 文档中，我们可以找到详细的解释。 React 最开始的设计是围绕着 class 组件来的，而随着 hooks 的流行，使得函数组件也变得越来越流行了。其中一些主要考…

默认打开Profiler什么都没有，要点击录制按钮进行记录（跟chrome的performance挺像）。 看上去像一个柱状图，每一个柱子代表一次commit，他的颜色和高度对应执行时长，越高颜色越黄代表时间越长，反之越短。 火焰图部分会以一个类似树形的结构显示一次commit…

入职后的第一个项目就涉及富文本编辑器，接手时编辑器功能已开发的比较完善，我则是站在“前人的肩膀上前行”。此篇内容意在分享如何搭建一个富文本编辑器，及自己在开发过程中的踩坑经历。因项目使用 Quill，故本文也以此为基础描述。 ​ 以上搭的编辑器仅有简单的有序/无序列表/加粗…

也可以来 Github 提交改进建议，或者你想要的功能袄~

之前的文章React Mixins入门指南介绍了React Mixin的使用。在实际使用中React Mixin的作用还是非常强大的，能够使得我们在多个组件中共用相同的方法。但是工程中大量使用Mixin也会带来非常多的问题。Dan Abramov在文章Mixins Consid…

放松放松，关于安全，等会我给个例子就会很好理解了。没有例子的辅助，好难一下子说明白，也可能是我的表达能力 So So 吧！ React Hooks 是个好东西，它让你可以用纯函数来实现有状态的组件，从此你不用再纠结组件到底是有状态还是无状态，从而在纯函数和类两种实现间徘徊（当然…

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

如果要使用 react 的话，对新手来说，首选脚手架大概就是使用由 facebook 官方出的脚手架 create-react-app 了（传送门 👉create-react-app中文文档）。 create-react-app 将 webpack 的配置，lint 的配置，…

简单介绍：本人实现了一个常见问题列表，点击列表项进入详情页，目标是在页面切换的时候加过渡效果，提升用户体验。 下面来看具体怎么实现吧。 在 react 项目中可使用官网提供的动画过渡库 react-transition-group 来实现切换页面（路由切换）时的过渡效果。 其中…