# 前言
公司前段时间开发A项目的时候，因为A项目涉及的模块比较多，而且好多又是具有相当独立性等特点的，比如编辑器模块、可视化编辑模块、动态表单自定义配置模块、导航栏及权限页面配置模块等。
而且，部分功能模块在B项目、C项目等中也有使用到，所以，综合考虑，这些模块还是作为单独组件模块开发比较合适，通过统一的包管理，如npm，可以方便其他人员和项目快速添加使用，避免重复劳动，也避免复制粘贴这种不易维护和稳定以及同步更新的麻烦~
其中，有不少场景是需要跨组件模块传值的。而我们使用组件的常规方式基本是通过 import 这种引入一个组件模块，然后通过props传值的方式进行接收，类似antd这种。通过父组件 Parent结合props 也可以实现 Child1 和 Child2的通信，但是这样对于组件内部分模块嵌套又比较深的，操作起来耦合性比较大，也比较乱，所以，我就在想如何降低耦合性并实现组件间的传值和通信呢~
提示
解放双手，每天自动把博客信息更新至GitHub主页
项目及工程化配置以及主要功能配置、规范化管理和使用细节应该都没啥问题了。
后面若发现构建及配置问题、以及可优化的细节部分、包括功能的进一步迭代也会使项目不断更新完善的~
目前主要是做了规范及工程化的配置，后期打算开发并开源一个react-admin标准后台管理系统，用于实践并巩固一些前端技术框架与组件开发等。
掘金：Vite2.0+Typescript+React+Antd+Less+Eslint+Prettier+Precommit 构建标准化 react 应用
# 背景
之前公司项目采用的是umi脚手架一体化构建工具，得益于对webpack与各框架的集成和封装，使得快速上手的能力大大加强，但是随着项目的不断迭代与功能增加，依赖的库也是越来越多，目前最明显的感受就是每次启动与打包构建的时长，往往是好几分钟~，热更新有时也要耗费数秒，对于开发效率与体验影响很大。。。
# 特性
- 不需要像
redux那样在最外层包裹一层高阶组件，只绑定对应关联组件即可（当在其他组件/方法修改状态后，该组件会自动更新） - 异步处理也较为简单，与普通函数用法相同
- 支持
hook组件使用、组件外使用 - 提供
middleware拓展能力（redux、devtools、combine、persist） - 可通过 https://github.com/mweststrate/immer
拓展能力（实现嵌套更新、日志打印）
上一页
下一页
