Nixon

原文的篇幅非常长，不过内容太过于吸引我，还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长，我不得不进行了分割，本篇文章重点阐述 SRP，即单一职责原则。 我喜欢React组件式开发方式。你可以将复杂的用户界面分割为一个个组件，利用…

平常在完成业务功能开发后，不知道你是否还会精益求精，做一些性能优化方面的工作呢？React框架中有一些性能优化相关的注意事项，如果平常不怎么关注的话，可能就很容易忽略掉。接下来的这篇文章，将围绕工作中会用到的几种性能优化的相关经验进行介绍。 在渲染列表结构数据的时候，使用key…

最近产品想让我在富文本里加个旋转图片的功能，我一想🤔，就觉得事情并不简单，因为印象中好像没见过这种操作。果然，经过一番百度之后，确实没怎么看到相关信息，这也就意味着要自己动手丰衣足食了😢。但我自己对富文本又没什么了解，所以顺带稍微看了下富文本的实现方式，特此来沉淀一下，还是…

大家用过 Typescript 都清楚，很多时候我们需要提前声明一个类型，再将类型赋予变量。 这样写会出现一个问题，如果后面id 类型要改成 string，我们需要改 2 处地方，不小心的话可能就会忘了改另外一处。所以，有些人会这样写： 这样一来，很多情况下，我们可以尽量少地写…

1. 注释 2. 引用组件顺序 3. 引号 4. 缩进 5. 分号 除了代码块的以外的每个表达式后必须加分号。 6. 括号 下列关键字后必须有大括号（即使代码块的内容只有一行）：if, else, for, while, do, switch, try, catch, fina…

这是我的剖析 React 源码的第四篇文章，之前的文章都是具体剖析代码，但是觉得这种方式可能并不是太好。因此从这篇文章开始，我打算把在源码中学习到的内容单独写成一篇文章，这样对于读者来说可能更加的友好。 大家都知道 JS 和渲染引擎是一个互斥关系。如果 JS 在执行代码，那么渲…

1. 引言 如果你在使用 React 16，可以尝试 Function Component 风格，享受更大的灵活性。但在尝试之前，最好先阅读本文，对 Function Component 的思维模式有一个初步认识，防止因思维模式不同步造成的困扰。 2. 精读 也就是，一个返回了…

Chrome 74 已经发布了，虽然从用户的角度来看并没有什么令人兴奋的东西，但是对开发人员来说带来了一些好处。新版本附带了新的 Javascript 私有类字段、允许用户减少动画的媒体查询和 Windows 的深色模式等等。 你可能还记得，Chrome 72 在1月份增加了对…

熟悉 canvas 的朋友想必都使用或者听说过 Fabric.js，Fabric 算是一个元老级的 canvas 库了，从第一个版本发布到现在，已经有 8 年时间了。我近一年时间也在项目中使用，作为用户简单说说感受： 优缺点都很鲜明，但总的来说，如果你要做一个在线编辑类的项目，…