youwne

在 Next.js 的官方示例仓库中展示了三种国际化的库 next-i18next，next-translate，next-intl，当然还有不少开发者推荐的 react-i18next 根据下载量来

本质上在 Webpack 编译阶段会为各个编译对象初始化不同的 Hook ，开发者可以在自己编写的 Plugin 中监听到这些 Hook ，在打包的某个特定时间段触发对应 Hook 注入特定的逻辑从而

Webpack 支持使用 loader 对文件进行预处理。你可以构建包括 JavaScript 在内的任何静态资源。 Loader 是一个文件加载器，能够加载不同的资源，并对这些文件进行操作，如编译，

Webpack 默认会将尽可能多的模块代码打包在一起，优点是能减少最终页面的 HTTP 请求数，但缺点也很明显： 页面初始代码包过大，影响首屏渲染性能 将所有资源达成一个包后，即使只是修改了一个字符，

HMR 全称 hot module replacement，可以翻译为「模块热更新」，最初由 Webpack 设计实现，至今已几乎成为现代工程化必备工具之一，它能够在保持页面状态不变的情况下动态替换、

在介绍 redux 核心原理之前，先整体回顾一下 redux 的核心方法 createStore 是创建 Store 的入口，也是实现发布-订阅模式的核心 通过 getState 方法能够获取到当前的

react-router 等前端路由的原理大致相同，就是页面的URL发生改变时，页面的显示结果可以根据URL的变化而变化，但是页面不会刷新 如何实现这个功能，那么我们需要解决两个核心问题 如何改变 U

react diff 为了减低传统 diff 算法的复杂度，对diff会预设3个限制： 只对同级元素进行 diff：如果一个dom节点在前后两次更新中跨越了层级，那么react不会尝试服用他 两个不同

在上文的 Fiber 中，我们经常看到 lanes 相关的变量，是否有很多疑问🤔，这个优先级是怎么定义的？他是怎么做比较多？跟以往的Expiration Times的区别是什么？我们带着这个疑问一起往