大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 就像人们对更新移动应用程序和操作系统感到兴奋一样，开发人员也应该对更新框架感到兴奋。不同框架的新版本具有新特性和开箱即用的技巧。 下面是将现有应用程序从 React 15 迁移到 React 16 时应该考虑的…

我 fork 了一份 16.8.6 版本的代码，并且会为读过的代码加上详细的中文注释。等不及我文章的同学可以先行阅读 我的仓库，并且在阅读本系列文章的时候也请跟着阅读我注释的代码。因为版本不同可能会导致代码不同，并且我不会在文章中贴上大段的代码，只会对部分代码做更详细的解释，其…

我是一名hooks API的忠实粉丝，然而它对你的使用会有一些奇怪的约束，所以我在本文中使用一个模型来把原理展示给那些想去使用新的API却难以理解它的规则的人。 本文提到的 Hooks API 还处于实验阶段，如果你需要的是稳定的 React API 文档，可以从这里找到。 我…

这个指南是为初学React的朋友写的，在每个部分，我用心收集了最好的视频和文章，让我们学习起来更加容易。 Kent C. Dodds的Beginners guide to React React Router帮助你的单页面应用创建路由，它非常强大并且容易使用。 React的服务…

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

又一篇来自日常开发的汇总：各位客官请对号入席，店小二逐一上菜。

0. 安装 1. 先跑一个简单例子 2. 基础使用 BrowserRouter 是需要服务端配合, 是基于html5的pushState和replaceState的，很多浏览器不支持，存在兼容性问题。 需要匹配的将要被重定向路径。 若为真，重定向操作将会把新地址加入到访问历史记…

之前如果我们需要抽离一些重复的逻辑，就会选择 HOC 或者 render props 的方式。但是通过这样的方式去实现组件，你打开 React DevTools 就会发现组件被各种其他组件包裹在里面。这种方式首先提高了 debug 的难度，并且也很难实现共享状态。 但是通过 H…

接下来将针对影响较大，使用频率较高的更新点逐一讲解。 我们知道，对 React 组件的性能优化，shouldComponentUpdate函数是很重要的一啪，所以 React 才会在 React.Component的基础上增加了React.PureComponent，但是对于非…