单一职责原则（SRP - single responsibility principle）是编写 React 组件时的基础原则。 所谓职责可能指的是渲染一个列表、显示一个时间选择器、发起一次 HTTP 请求、描绘一幅图表，或是懒加载一个图片等等。组件应该只选择一个职责去实现。当…

我和妻子近期完成了一次声势浩大的装修。我们迫不及待地想向人们展示我们的新意。我们让我的婆婆来参观，她走进那间装修得很漂亮的卧室，抬头看了看那扇构造精巧的窗户，然后说：“居然没有百叶窗？”😐 我们的新卧室；天哪，它看起来就像一张杂志的照片。而且，没有百叶窗。 我发现，当我谈论 …

我技术没有大牛的水平，所以我写文章并不是为了吸引人，一方面是记录自己新学的东西，写出来觉得自己的理解也会加深；另一方面是让比我还入门的人找到个非常合适的入门文章。我喜欢配上一些Demo，这样不太明白的人才能看懂，受教人群不一样，大牛可以去看官方文档说明，小白可以看看demo感受…

一个月前，React 官方正式发布了 v16.3 版本。在这次的更新中，除了前段时间被热烈讨论的新 Context API 之外，新引入的两个生命周期函数 getDerivedStateFromProps，getSnapshotBeforeUpdate 以及在未来 v17.0 …

现在网上有很多react原理解析这样的文章，但是往往这样的文章我看完过后却没有什么收获，因为行文思路太快，大部分就是写了几句话简单介绍下这段代码是用来干嘛的，然后就贴上源码让你自己看，有可能作者本人是真的看懂了，但是对于大部分阅读这篇文章的人来说，确是云里雾里。 讲解一个框架的…

在上一篇文章中我们介绍了什么是单元测试以及单元测试框架 Jest 的基本用法。在本文中我们会具体聊聊如何用 Jest 为 React 组件编写单元测试。 首先我们要明确的一点，那就是 React 组件的单元测试本质是也是单元测试。因此它也符合我们之前介绍过的单元测试的全部特点。…

eslint 的配置规则有很多，可以按照自己喜欢的方式来，网上也有很多很好的规则，这里就不一一介绍了。 然后我们 npm start下，又是和Hello World相见的时候了。

说在前头：新入职公司，react还不是很熟悉，就开始了官网重构的项目，刚开始开发速度很慢，而且语法也很多不规范的地方，在这里总结一下开发中遇到的坑。 这样就会使NPM包里的文件正常加载了。 原来这些都是打包后的文件！为了使打包后的样式生效，需要使用extract-text-we…

本文标题的题目是由其他问题延伸而来,面试中面试官的常用套路,揪住一个问题一直深挖,在产生这个问题之前一定是这个问题. 我们大体上都会有以上回答,接下来很可能会问到如何实现Event(Bus),因为这个东西太重要了,几乎所有的模块通信都是基于类似的模式,包括安卓开发中的Event…