最近工作中需要制作一个图片预览的插件，在参考了很多产品（掘金、知乎、简书、石墨等）的图片预览之后，最终还是觉得石墨的比较符合我们的产品需求。 本来以为能在社区中找到相关插件，但想法美好，现实却很骨感，于是便决定自己手撸一个，顺便也学习一下组件的开发流程。 项目最终的实现效果如下…

最近团队内有同学，由于写react hooks引发了一些bug，甚至有1例是线上问题。团队内也因此发起了一些争执，到底要不要写hooks？到底要不要加lint？到底要不要加autofix？争论下来结论如下： 团队再出一篇必读文档，必须要求每位同学，先读再写。 因此便有了此文。 …

Ref属性用来获取DOM元素的节点和获取子组件的实例。 String Ref是个过时的API。因为String类型的Ref存在一些问题，将在未来的某个版本中被遗弃，不建议使用。 Ref获取子组件的实例后，可以调用子组件上的方法。 Callback Ref能助你更精细地控制何时 …

我强烈推荐大家观看这个开场演讲，在这个演讲里，大家可以了解到我们尝试使用 Hooks 提案去解决的问题。不过，花费一个小时看视频也是时间上的巨大投入，所以我决定在下面分享一些关于 Hooks 的想法。 我们知道组件和自上而下的数据流可以帮助我们将庞大的 UI 组织成小型、独立、…

自从 Hooks 诞生以来，官方就有考虑到了性能的问题。添加了各种方法优化性能，比如 memo、hooks deps、lazy initilize 等。而且在官方 FAQ 中也有讲到，Function 组件每次创建闭包函数的速度是非常快的，而且随着未来引擎的优化，这个时间进一步…