这里所述的组件库动态加载和 webpack 构建项目的懒加载是不同的，此文将以 babel-plugin-import 插件为主，讲解组件库按需加载方案的实现原理。

相信大家在平常的面试过程中或多或少都被问到过前端性能优化如何实现，但是大部分同学的回答可能说一说自己做了aa、bb、cc...配置；亦或是说了这些配置之后，没有量化的结果去衡量自己的优化到底有没有用

前端进阶的必看的模块热更新原理。了解hmr的运行机制，有助于对我们项目运行原理的理解，对项目优化有新的认知~

前言 在日常的前端开发中，总是涉及到对数据的处理，比如后端返给你一坨数据，你需要进行处理并回显到页面上，又或者提交form表单到服务端时，你需要将数据处理成后端接口定义的数据结构，而这些都离不开数据处

阅读react组件库的时候，发现很多自定义的hooks中很喜欢使用ref，使用ref让人的观感很不好，但是为什么又不得不使用ref呢？以及复习一下useCallback的使用场景

Docker 对前端的意义也很重大。 实际上，Docker 的世界里，并不区分什么前端、后端，没有人说只适合后端、不适合前端 … 在运维的眼里更是如此

这篇文章零基础也可以看，我尽量写得简单易懂了，如果觉得理解起来有点费力，也可以先去官网入门。 这篇文章也附上了许多实战代码，但是由于篇幅原因，一些实战例子我没有直接摆出来，而是放在了sandBox链

redux 主要涉及到的仓库有：redux、redux-toolkit、redux-thunk、react-redux

Redux概念 什么是 Redux ？ **Redux 是一个使用叫作 "actions" 的事件去管理和更新应用状态的模式和工具库。 **它以集中式 Store（centralized store）