【曹小帅】后疫情时代下的前端未来.pdf

1、后后疫疫情情时时代代下下的的前前端端未未来来曹曹小小帅帅字节跳动前端业务专家8 年前端老兵，长期从事前端架构相关工作，涉猎方向涵盖前端、后端、数据、容器等，目前主要负责业务架构。参与过字节商业化低代码平台、FEELGOOD 用户体验度量平台等项目架构，目前的研究方向为前端工程化、低代码、服务端、前端技术与业务实践的结合。曹曹小小帅帅0 01 1前前端端研研究究领领域域概概览览2 20 02 23 3 前前端端热热门门研研究究领领域域运运行行时时框框架架数据来源：https:/ 基于依赖追踪的 Hooks 范式 编译响应式状态管理模型 基于编译的运行时优化构构建建工工具具数据来源：https:/

2、 统治下的一超多强 大规模项目框架的性能滑坡 Bundleless 解决方案 基于 rust 和 swc 的构建方案组组件件库库Antd 组件库使用量趋近传统 UI 组件库 支持主题管理 组件级 Token 复杂场景渲染数据来源：npm 周下载量统计服服务务端端更完善的服务端生态 关注原生能力和权限模型的支持 关注服务性能的提升 无服务器架构开发数据来源：Nodejs 发布时间计划表基基础础技技术术的的演演进进带带来来单单一一场场景景下下的的体体验验与与效效率率提提升升0 02 2前前端端领领域域的的业业务务革革新新与与提提效效B Bu us ss si in ne es ss s F Fa

3、aa aS S低低码码搭搭建建D DD DD D微型通用业务解决方案通用领域业务解决方案业务项目实现范式传传统统项项目目的的降降本本增增效效成熟期业务研发模式的变化传传统统项项目目的的降降本本增增效效研发分工的变化B Bu us si in ne es ss s F Fa aa aS S 开开发发业务查询逻辑传传统统项项目目的的降降本本增增效效业务研发职能的变化传传统统开开发发API 协商脚手架启动脚本RPC 调用能力数据查询逻辑上线流程稳定性监测本本地地化化开开发发脚手架启动脚本RPC 调用能力数据查询逻辑上线流程稳定性监测F Fa aa aS S 开开发发数据查询逻辑基于存量成熟的业务模型

4、，在 Business FaaS(Business Function as a Service)中进行基础代码的编排，在提升研发效率的同时，共享部门级的业务方法模型。传传统统项项目目的的降降本本增增效效Business FaaS 基础业务解决方案支撑传传统统项项目目的的降降本本增增效效Business FaaS 基础业务解决方案支撑投投入入人人力力6 60 0%服服务务资资源源9 90 0%部部署署速速度度9 99 9%技技术术架架构构的的发发展展支支撑撑组组织织结结构构的的变变化化前前端端开开发发如如何何提提升升效效率率低低码码搭搭建建微应用与微组件用户访问部门内的业务系统，往往希望体验一致

5、，交互一致，不同系统之间体感差异不大。在基建发展的过程中，也逐渐呈现出统一设计风格，统一交互的趋势。低低码码搭搭建建微应用与微组件通过微应用、微组件的方式支撑不同复杂度的业务系统，减少重复建设和人力消耗。通用的业务也可以通过应用市场提供整体服务。后后疫疫情情时时代代的的研研发发模模式式模式对比如如何何寻寻找找业业务务模模型型的的规规律律业业务务模模型型适适配配D DD DD D业务模型构建方法Domain Driven Design（简称 DDD），又称为领域驱动设计，DDD里的领域、限界上下文、领域模型等理念，和微服务的高内聚、低耦合理念天然契合。D DD DD D事件风暴流程校验用户是否可

6、以借阅书籍？用户发起借阅冻结一次借阅资格一次借阅资格已冻结派送书籍给用户用户获得书籍更新申请单状态申请单状态变成“已借阅”查看申请单状态用户借阅完成PM：用户想要借阅书籍，我们需要设计实现一套图书管理系统。CS：需要借哪些东西？PM：系统中可以查到书籍、报刊、论文等信息，需要借阅或归还。CS：最多可以借阅几本？PM：最多可以借阅三本。CS：OK。开开发发大大型型复复杂杂 Web App 的的 DDD 框框架架-Remesh基于状态管理，按照 CQRS（Command Quer