使用ts写React代码写了将近三个月，从刚开始觉得特别垃圾到现在觉得没有ts不行的一些实践以及思考。 如果按部就班的写React就体会不到使用ts的乐趣，如果多对代码进行优化，进行重构，在业务中实践比较好的一些方案就会体会到ts真正的乐趣，但是ts也在过程中给我带来了痛苦，在…

React生命周期的命名一直都是非常语义化的，这个生命周期的意思就是从props中获取派生state，意思非常明确。 可以说，这个生命周期的功能实际上就是将传入的props映射到state上面，基本上就是直接替换了原来的componentWillReceiveProps。 ge…

意味着即使你的props没有任何变化，而是父state发生了变化，导致子组件发生了re-render，这个生命周期函数依然会被调用。看似一个非常小的修改，却可能会导致很多隐含的问题。 这个生命周期函数是为了替代componentWillReceiveProps存在的，所以在你需…

getDerivedStateFromProps会在调用render方法之前调用，并且在初始挂载及后续更新时都会被调用。它应返回一个对象来更新state，如果返回null则不更新任何内容。使用：可能使

事情是这样子的，周末加班赶项目，踩坑了一个关于setInterval 和 hooks的问题，特记录一下，也许对朋友你有帮助呢~

React Router 是 React 社区最受欢迎的路由库，当你需要在一个有多个页面的 React 应用程序中根据 URL 来导航到对应的页面时，就可以使用 React Router 来处理这个问

众所周知，在使用 Redux 时最麻烦的一个部分就是 reducer 的编写，由于 Redux 要求状态是 immutable 的，也就是说，发生变化的状态树一定是一个新的引用。 所以 reducer 经常会写成这样： 很多人会称之为深克隆，其实并不是，这个过程既不是深克隆也不…

前言 在听到这么一个问题的时候，首先脑海中总体思路是这样子的： 认识自定义Hook的基本概念 能够使用自定义Hook进行复用逻辑的封装 了解自定义Hook的最佳实践与工作原理 进一步深入Hook底层原

在React中实现逻辑复用通常有以下几种方式：Mixin、高阶组件(HOC)、修饰器(decorator)、Render Props、Hook。本文主要就以上几种方式的优缺点作