2023稀土开发者大会(前端工程实践)

543 阅读2分钟

微信图片_2023063020243833.png

一、Rspack:性能快5到10倍的新一代前端构建工具

  1. 基于业界已有打包工具(如:Webpack、Rollup、Vite等)进行跨语言(Rust/Go等)建设

微信图片_20230630202438.png

  1. 提供基于现有构建工具的不足,提供二次的优化后建产物

微信图片_202306302024381.png

  1. 开发者对于性能、速度以及体积等都有足够高的要求,2D市场发展要更加贴合开发者诉求,需要挖掘更深的市场空间

二、低成本、跨技术栈与无框架:重新构想前端组件

  1. 类Web Components的纯原生API进展缓慢且有兼容性问题,但具有更底层的能力(比如:隔离性),组件库体系需要考虑无框架依赖的实现

微信图片_202306302024382.png

微信图片_202306302024383.png

  1. 组件开发者可基于最新的浏览器API提供高阶的使用方式,为用户提供更好的类框架形态的底层API使用

微信图片_202306302024385.png

微信图片_202306302024386.png

微信图片_202306302024384.png

  1. 前端跨技术栈组件库的本质还是“原生vs框架”的演变,框架开发者跟进W3C标准能更好的为业界提供通用能力,短期会损失框架的壁垒但长期会更依赖,需要开发者有长远格局规划

微信图片_202306302024387.png

三、ChatGPT结合前端工程化实现研发智能提效

  1. Prompt资产化,配合现有编码解析工具(如:babel等)更好的理解你的代码风格,将重复的流程自动化

微信图片_202306302024388.png

微信图片_202306302024389.png

  1. 开发语言相互转化,业务逻辑高度复用,减少重复工作,开发工种边界更加模糊,强化P2C场景、D2C场景

微信图片_2023063020243810.png

微信图片_2023063020243811.png

四、React Native三端同构在雪球的实践

  1. 跨端一致性包括体验一致性、组件一致性、构建一致性等,可验证跨端容器的同构评价指标

微信图片_2023063020243812.png

微信图片_2023063020243813.png

微信图片_2023063020243829.png

  1. 同构方案分为泛前端横向跨端同构以及大前端垂直前后端同构,包含:流程及资产等方面,实现全同构工程方案

微信图片_2023063020243814.png

微信图片_2023063020243819.png

微信图片_2023063020243830.png

微信图片_2023063020243831.png

微信图片_2023063020243832.png

  1. React体系可以选用以Web(React => React Native)为主方向,也可以选用以Native为主方向(React Native => React Native Web)

微信图片_2023063020243815.png

微信图片_2023063020243816.png

微信图片_2023063020243817.png

微信图片_2023063020243818.png

  1. 同构流程涉及开发、测试、CI/CD、监控以及维护等过程,物料资产涉及组件库、文档等方面

微信图片_2023063020243820.png

微信图片_2023063020243821.png

微信图片_2023063020243822.png

微信图片_2023063020243823.png

微信图片_2023063020243824.png

微信图片_2023063020243825.png

微信图片_2023063020243826.png

微信图片_2023063020243827.png

微信图片_2023063020243828.png

2023稀土开发者大会前端系列: