原文的篇幅非常长，不过内容太过于吸引我，还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长，我对文章进行了分割，本篇文章重点阐述 封装。因本人水平有限，文中部分翻译可能不够准确，如果您有更好的想法，欢迎在评论区指出。 耦合是决定组件…

前段时间公司产品为了拉新活动，仿照Facebook的Creators页面决定制作一套自己的HelpCenter页面。 这个页面的重点在于每张卡片都需要独立计算位置以及独立进行动画，因此对性能要求很高。 第一个版本是在实习的时候写的，因为要赶时间配合其他组同时上线，因此在整体上没…

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