单元测试：指的是以原件的单元为单位，对软件进行测试。单元可以是一个函数，也可以是一个模块或一个组件，基本特征就是只要输入不变，必定返回同样的输出。一个软件越容易些单元测试，就表明它的模块化结构越好，给模块之间的耦合越弱。React的组件化和函数式编程，天生适合进行单元测试 TD…

创建和管理React组件的各种方式，涌现的大量状态管理工具等等都是这些挑战的焦点。我们今天能做的就是在React（基于社区选择）中将最常用的做法引入桌面并讨论它们。 其中，我们将学习React中的一些有用的主题和术语。这些主题包括： 常规的Component Props 验证 …

React自发布v16版本以来已经有半年了，至今最新的是v16.3。从 v16 开始增加了较多新的API。相较于之前纯净的API设计，变化可以说是非常大了。可以看出 facebook 的 React 团队已经解决了之前的大多数问题，现在开始为 React 设计新的 API 、增…

jsx要转化成virtualDOM，首先经过babel，再经过h函数的调用形成virtualDOM。具体如下 相当于react得createElement()，jsx经过babel转码后是h的循环调用，生成virtualDOM。 通过源码中h的函数定义也可以看见。h的函数第一个…

当渲染一个组件的数据是通过props从父组件中获取时，通常情况下是 A --> B，但随着业务复杂度的增加，有可能是这样的：A --> B --> C --> D --> E，E需要的数据需要从A那里通过props传递过来，以及对应的 E --> A逆向传递callback。组…

本文会先解释一下JSX的工作原理，再介绍一下如何用“不寻常”的方式来使用JSX。如果你已经了解了JSX的工作原理，可以跳过第一部分。如果你只想学一些实用的东西，那可以跳过第二部分。 上周，我发了一条这样的动态： 可以看出大家都很喜欢，他们评论区里纷纷留言：“呕”，“这都做了些什…

在上一篇文章《组件化实践详解（一）》中我们介绍了组件化实践的目标和实践步骤，本文继续说说关于组件化实践遇到的问题及思考。 这条本来我是不想写的，但是很多组件化的文章里都会费尽心思的写组件内的架构设计。 那我也谈一谈我的看法：首先回归初心，想想组件化的目的，为了各个业务组件可以单…

当我问自己第一百次时，我正在研究一个典型的CRUD屏幕：“我应该将状态保留在这个组件中还是将其移动到父组件？”。 如果需要对子组件的状态进行轻微控制。您可能也遇到了同样的问题。 让我们通过一个简单的例子和​​三种修复方法来回顾它。前两种方法是常见的做法，第三种方法不太常规。 为…