# 前端应用层框架

# TWA

TWA是期望能实现技术无感化的应用,通过全栈研发框架,将前端客户端代码和服务端代码整合在一个代码仓库。通过一站式的研发运维平台,提供几件研发流程和自助式的运维体验,让研发更加关注业务员实现,不用太关心“应用”、“构建”、“部署”、“流程”等细节。

# Bigfish/Umi

Bigfish是蚂蚁金服前端开发框架,从上图可以看到Bigfish是一个前端研发全流程的研发框架,涵盖设计师(设计师工具、资产市场、文档、培训)、开发者(部署、插件市场、基础开源框架),同时也包含外部服务(体验、监控等等)。

Umi似一个可插拔企业级的React应用框架,它通过实现沉淀大量最佳时间,极大地实现了React应用框架的统一性,同时它也具有非常强的插件扩展能力。它又几大特点:

  • 插件化:umi的整个生命周期都是插件话的,甚至其内部实现就是由大量插件组成,比如pwa、按需加载、一键切换preact、一键兼容IE9等等,都是由插件实现。

  • 开箱即用:你只需一个umi依赖就可以启动开发,无需安装react、preact、webpack、react-router、Babel、jest等等。

  • 约定式路由:类next.js的约定式路由,无需再维护一份冗余的路由配置,支持权限、动态路由、嵌套路由等等。