在开始阅读之前，先解释一下文章里用到的英文缩写： CSR：Client Side Rendering，客户端（通常是浏览器）渲染； SSR：Server Side Rendering，服务端渲染； S

如果一个组件在 props 和 state 相同的情况下，每次 render 的结果都是相同的，那这个组件就是纯组件。纯组件是React性能优化的手段之一。

这种模式本质上解决的是组件之间传值的问题。但是它对于传值以及一些内部操控的逻辑封装得更严密。 那么Tab和TabItem自然要进行沟通。很自然的写法是像下面这样 但是，组件之间的交互我们又不希望通过props或者context来实现。希望用法如下面一样简洁。 组件之间通过隐秘的…

我们都知道，基于props做组件的跨层级数据传递是非常困难并且麻烦的，中间层组件要为了传递数据添加一些无用的props。 而React自身早已提供了context API来解决这种问题，但是16.3.0之前官方都建议不要使用，认为会迟早会被废弃掉。说归说，很多库已经采用了 co…

在本文中，我们将深入探讨 React 中的高阶组件（Higher-Order Components，简称 HOC）。我们将介绍高阶组件的概念、如何创建和使用高阶组件，以及高阶组件的实际应用场景。 什么

React高阶组件(HOC)，对于很多react开发者来说并不陌生，它是灵活使用react组件的一种技巧，高阶组件本身不是组件，它是一个参数为组件，返回值也是一个组件的函数。高阶作用用于强化组件，复用逻辑，提升渲染性能等作用。高阶组件也并不是很难理解，其实接触过后还是蛮简单的，…

写业务时，我们经常需要抽象一些使用频率较高的逻辑，但是除了高阶组件可以抽象逻辑，RenderProps也是一种比较好的方法。 RenderProps，顾名思义就是将组件的props渲染出来。实际上是让组件的props接收函数，由函数来渲染内容。将通用的逻辑 抽象在该组件的内部，…

React Router 是 React 生态系统中最受欢迎的第三方库之一，近一半的 React 项目中使用了 React Router，下面就来看看如何在 React 项目中使用 React Rou

这里需要重拾一下什么是“类型”。抛开“实例化”这些术语，从集合角度出发，类型应该是指 具有特定特性的若干值的集合。 包含一个元素 1 的集合，字面量类型 "1" 是只包含一个元素 "1" 的集合。 这里是我一直以来都陷入的误区。看下面例子： 显然，变量 a 是 A 类型，但是实…