路由管理在单页应用中的重要性不言而喻，而路由的跳转与拦截等操作都依赖于 history API。本系列对 react-router 方案中使用的 history.js 与相关技术进行解析。

在React项目里，像message这样的需要额外插入节点的组件要怎么极（最）简（懒）的实现，又要优雅一点，显得不那么像小学生呢？

近期在某平台开发迭代的过程中遇到了超长List嵌套在antd Modal里加载慢，卡顿的情况。于是心血来潮决定从零自己实现一个虚拟滚动列表来优化一下整体的体验。 首先我们需要定义几个变量/名称。 vListContainer 为可视区域的容器，具有 overflow-y: au…

知己知彼，才能百战百胜，所以我们想学好学深一个东西，一定要去了解他的由来，写过react的人大部分都应该了解redux，所以我们今天就来聊聊react hooks；请收下我这个包袱，学习是枯燥的，所以时不时的给自己找点乐子。为什么我要突然加这么一个梗也是有原因的，我记得redu…

先前我们介绍了 react-loadable 与 React.lazy，今天我们来看一款新的方案 @loadable/component 的实现，以及这三种主流方案的全面对比

本文从源码入手，分析最流行的 React 动态加载方案 —— React-lazy + Suspense 实现原理

React 状态管理工具五花八门，dva、mobx、recoil、zustand。换做是你，你会怎么选呢？选择一个合适的状态管理工具，对项目研发是至关重要的，来看看我的选择方案吧

本文从实现「计数器」这个经典场景出发，逐步分析 Hooks时代下，React 状态管理方案的演进过程和背后的实现原理。

一 前言 先问大家几个问题，这几个问题都是我在面试中真实被问到的，属实给我整不会了.... 写hooks跟写类组件比，hooks有啥优势？ 我们如何封装一个hook？ hooks原理是什么？ 面试虽然