前端工程整洁架构实践

背景

Genebox App 项目从2019年初开始启动,经历1.+、2.+、3.+版本,目前已形成较为稳定的功能架构体系。项目开发框架以 Redux 为主,在使用 React Native 实现众多业务的过程中,经历了前期探索,中期大量应用,以及正在进行的后期架构和性能优化三个阶段,在经历了多个版本迭代后,一些前期未考虑到的问题渐渐浮现。我们重新审视和思考一些前期实践项目的整体优化方向。基于 Clean Architecture 整洁架构之道的思想,技术大重构的期望随之出现。

架构模式

架构模式,一般分为两类:MV* 和 Unidirectional

  • MVC
  • MVP
  • MVVM
  • DataBinding
  • 无状态
  • Redux
  • Mobx

最初的 MVC 将模块划分为展示界面的 View,数据模型 Model 和负责处理二者关系的 Controller 。从 MVC 到 MVP 的过程将 Model 和 View 完全隔离。随着 Databinding 技术的引入,MVP 进化到了 MVVM,使得 View 完全无状态化。

Unidirectional 系列相较于 MV*,则采用了消息队列式的数据流驱动的架构,其中具有代表性的 Redux 采用了统一的状态管理,带来了状态的有序性和可回溯性。

MV* 系列在 iOS、 Android 生态圈中已得到成熟广泛的应用,而在 React 技术栈的 Web 前端领域, Redux 是最主流的数据管理方案。

不同平台选择不同,这其中有框架 API 设计的原因,有编程语言的原因,以及面对的业务逻辑复杂度不同。React Na

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 护眼 设计师:闪电赇 返回首页
实付 19.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值