学习 React 的好处就是，学了一遍之后，能够写 web, node 直出，以及 native，能够适应各种纷繁复杂的业务。需要轻量快捷的，直接可以用 Reactjs；需要提升首屏时间的，可以结合 React Server Render；需要更好的性能的，可以上 React Native。

React 基于虚拟 DOM 和高效 Diff 算法的完美配合，实现了对 DOM 最小粒度的更新。大多数情况下，React 对 DOM 的渲染效率足以我们的业务日常。但在个别复杂业务场景下，性能问题依然会困扰我们。此时需要采取一些措施来提升运行性能，其很重要的一个方向，就是避免…

可以使用react自带的Component Profiling工具，在页面的url后面添加"?react_perf"，就可以在chrome的调试器里面使用Performance tab页记录性能。 通过观察性能的瓶颈，我们找出可以优化的地方。仔细分析瓶颈产生的原因，我们而已借助…

我为 React 写了一个拖放库 react-beautiful-dnd 🎉。Atlassian 创建这个库的目的是为网站上的列表提供一种美观且易于使用的拖放体验。你可以阅读介绍文档: 关于拖放的反思。这个库完全通过状态驱动 —— 用户的输入导致状态改变，然后更新用户看到的内…

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

之前的一篇文章React性能优化方案之PureRenderMixin，是对react的shouldComponentUpdate的方法进行重写去优化。但自从React15.3中新加了一个 PureComponent 类，易于在自己的组件使用，只需要将Component 换成 P…