背景 笔者之前所在的公司主要做东南亚以及欧洲一些国家的业务，做的是后台管理系统，项目被不同国家（有的多达七八个国家）的客户使用，所以前端web系统需要兼容多语言，也就是适配国际化。 日常编码中，系统需

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…

想要做好性能优化，我们就需要先了解下 `React` 的更新渲染机制，了解哪些场景会触发更新，更新内容如何判定，这样才能做到有的放矢，针对性的进行优化。

前言 你们的react项目，有多少根本没有理会React.memo，useMemo，useCallBack的，造成大量子页面数据明明没有变化，却一直跟着刷新。 我以前在成都滴滴的项目，这种无用rend

一 前言 不知不觉 react-router 已经到了 v6 版本了，可能很多同学发现，v6相比之前的 v5 有着翻天覆地的变化，因为最近接触到了 React 的新项目，用到了 v6 版本的 reac

在 React 日常的使用中，一个很重要的点就是，不要直接去修改 state。例如：this.state.count = 1是无法触发 React 去更新视图的。因为React的机制规定，一个state的更新，首先需要调用 setState 方法。 这样便能触发重新渲染。稍有经…

1. 目录 2. redux简介 redux是react全家桶的一员，它试图为 React 应用提供「可预测化的状态管理」机制。 3. 安装 4. redux核心 State的变化，会导致View的变化。但是，用户接触不到 State，只能接触到View 所以，State的变化…

在介绍 useSWR 之前，我们先看一个最简单的带有数据请求的 React 组件。 如果经常写这样的代码，那么肯定会想到自己封装一个 React Hook，该 Hook 以请求函数作为参数。 我们再看看调用方代码，加深对 useFetch 的理解。 如 useFetch 所示，…

本文不介绍 React Query 的各种 API 和用法， 只从一个最基础的例子，认识它的原理和思想，以提高代码设计能力。