果汁_

npm、yarn、pnp 包管理工具是对包（package）的管理，安装原理，发展历史，它们之间的优劣之分到底是？

webpack 是一个模块打包器，它通过编译打包，将 ESM 和 CJS 语法转换为 webpack 加载模块的规范，这种方式在浏览器上是可以直接使用的，通俗理解就是打包成了通用的普通对象

熟练掌握 Package.json 各个字段的意思以及用途，对于开发 npm 包和日常开发将如虎添翼。希望阅读本文后你可以解决以下问题。 ^1.2.3 和 ～1.2.3 版本范围是什么

准备工作 下载源码 因为 webpack 它是不需要 build 的。这一点有点特别。它必须安装 webpack-cli，执行 /bin/webpack.js 其实内部是去到 webpack-cli

Rollup 调试源码 准备工作 下载源码 下载依赖 生成dist，rollup 打包是使用 rollup 到这里会发现 rollup 其实是默认生成 sourceamap，所以很方便的调用。

为什么需要hook？ 1.告别难以理解的 Class；2.解决业务逻辑难以拆分的问题；3.使状态逻辑复用变得简单可行；4.函数组件从设计思想上来看，更加契合 React 的理念

setState 原理 本篇文章依据的版本是 React：V17.0 + 我看见现在网上很多都是讲解 React 16,15 的，因为改版太多思路不在复用。希望这篇文章能够帮到你理解setState！

git 是对代码进行管理，原理是分布式版本控制系统，即是中央仓库，本地仓库，开发完需要将本地同步到中央仓库。

Diff 源码分析 在React 17 DOM DIFF 中，React 通过对比 老的Fiber链表 和新的JSX数组，生成新的Fiber链表的过程。其中分为单节点和多节点中的 diff是不一样的。