【万字长文】使用最新的webpack5新特性从零一步一步搭建完整的react18+ts构建环境，完善的模块热替换和构建速度和构建结果的优化。

一、前言 本来想将webpack的内容整理成一篇到底，但太长了容易引起视觉疲劳。所以单独将内容和实践内容分开。 在了解到理论内容之后，脑子总会出现这么一个问题。 脑瓜子： 只看不写真的能让你学废吗？

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

在对 React 项目做性能优化的时候，memeo、useMemo、useCallback 三个API总是形影不离。但对于我们是否正确的使用它们，值得我们深入思考。

基于React 应用脚手架，使用 react-app-rewired实现自定义的webpack的相关配置，能够解决日常开发中的大部分配置问题。

Create React App（以下简称 CRA）是创建 React 应用的一个脚手架，它与其他脚手架不同的一个地方就是将一些复杂工具（比如 webpack）的配置封装了起来，让使用者不用关心这些工具的具体配置，从而降低了工具的使用难度。 使用 create-react-ap…

哈喽，大家好这里是 Jiaynn , 之前学习 React 的时候，老是对这三个 hooks 分不清，索性就总结一下吧，希望能帮助到大家 memo()、useCallback()、useMemo()使

`useCallback` 接收一个函数和一个依赖项数组作为参数，然后返回一个 memoized 版本的函数。如果依赖项数组中的任何一个依赖项发生更改，则 `useCallback` 会返回一个新的函

1. 父组件向子组件通信 2. 子组件向父组件通信 3. 跨级组件通信 4. 没有嵌套关系的组件通信