redux 是状态管理库，与其他框架如 react 是没有直接关系，所以 redux 可以脱离 react 在别的环境下使用。由于没有和react 相关逻辑耦合，所以 redux 的源码很纯粹，目的就是把如何数据管理好。而真正在 react 项目中使用 redux 时，是需要有…

Redux 与 React 没有关系，就好像 Javascript 和 Java ，雷锋和雷峰塔的关系一样。 Redux 旨在处理数据的流动。

下面我们通过一个实例，来理解下 useMemo的用法。 熟悉react的同学可以很显然的看出，当我们点击父组件的按钮的时候，子组件的name和children都会发生变化。 不管我们是改变name或者content的值，我们发现 changeName的方法都会被调用。 是不是意…

在这篇教程中，我将通过React Hooks中的useState、useEffect来展示如何获取后端数据。您也可以实现一个自定义的Hook在您应用程序中的任何地方进行复用，或者亦可单独作为一个独立的node package发到npm。 先看一段代码，我们使用了useEffec…

刚接触 React 的时候，在一个又一个的教程上面看到很多种编写组件的函数，尽管那时候 React 框架已经相当成熟，但是并没有一个固定的规则去规范我们去写代码。 在过去的一年里，我们在不断的完善我们的做法，直到满意为止。 本文会列出我们自己在使用的最佳实践，不管你是刚入门的新…

React 自 2013 年被开源以来，一直在迭代更新。当你在网上搜索相关信息时，可能会被一些使用了过时的方法的文章坑到。所以，现在在写 React 组件时，你的团队需要作出以下八个关键决策。 在编写第一个组件之前，你的团队需要就开发环境达成一致。太多选择了…… 当然，你可以从…

如何理解 React 高阶组件, 并运用到自己的项目中去？

先还原一下产品需求吧。 在这个功能模块中，A组件控制第一级tabs的展示，B组件控制第二级tabs的展示，C组件负责展示当前激活的tab内容；点击组件C中的标题列表的某一项（如左图所示），即在这个模块中展开右图的列表详情D。且该详情D会在此模块中撑满宽高显示。 组件C的大概结构…

更新：我提交了一个 PR 到 React 官方文档，为其添加了 Render props。 更新2：添加一部分内容来说明 “children 作为一个函数” 也是相同的概念，只是 prop 名称不同罢了。 我认为，高阶组件模式 作为一个在许多基于 React 的代码中流行的代码…