一米阳光ZY

我们有时候会遇到一个业务页面存在很多个状态，甚至子状态，比如订单详情就是其中的典型，涉及从订单创建到订单结束，以及售后等流程。维护起来每个状态对应一份数据，虽然我们 QA 提供了数据构造平台，但构造一

对前端开发者而言，脚手架是快速开发不可或缺的一环。脚手架方便开发者从基于已有的代码库，去下载符合项目所使用的模板，并根据需求修改配置并生成项目文件。从而减少新建项目时重复的配置工作，统一规范

聊到插件化架构，我们更多想到的是构建阶段的插件机制（不限于webpack、babel），而umijs提供的运行时阶段的插件机制就比较少见了。

基于前面umi插件机制的原理可以了解到，umi是一个插件化的企业级前端框架，它配备了完善的插件体系，这也使得umi具有很好的可扩展性。umi的全部功能都是由插件完成的，构建功能同样是以插件的形式完成的

插件化架构是一种面向功能进行拆分的可扩展性架构，在如今的许多前端主流框架中都能看到它的身影。今天我们以 umi 框架为主，来看看插件化架构的实现思路

要说 React 框架这些年迭代更新中让人眼前一亮的方案设计，Fiber Reconciler（下文将简称为 Fiber）绝对占有一席之地。作为 React 团队两年多研究与后续不断深入所产出的成果，

主要介绍了Diff算法以及在Vue中的运用，简单介绍了Vue3在更新机制方面的一些优化，包括节点移动优化和PatchFlag。

代码逻辑复用 是我们开发人员减少代码重复度，进行代码优化的一个重要因素，上期我们的同学分享了关于 Vue 框架的相关逻辑复用的方法及原理，本期我们一起来了解下 React 框架中的逻辑复用。

“Vue 与 React 有什么区别？” 的确，Vue和React都是目前最流行、生态最好的框架，整体的功能也非常相似。二者都推崇组件式的开发理念，那么我们第一篇从组件开始...