大前端工程化是大前端业务以及技术架构复杂度提升导致的必行之路,然而工程化并不是普... 展开 >
梁伟盛,2015年加入腾讯,现任腾讯直播&NOW直播前端负责人,多年前端开发经验,对前端性能优化、前端监控、组件化等有比较深入的理解,同时是 IVWEB 团队负责人之一。曾发起三届行业技术TLC大会,促进行业技术交流,团队也致力于新技术的布道以及行业交流分享。
大前端工程化是大前端业务以及技术架构复杂度提升导致的必行之路,然而工程化并不是普适的技术或者理论,业务类型、场景、技术架构甚至团队组织架构均是决定工程化具体形态的必要因素。换句话讲,工程化是与实践密不可分的。本专场我们通过分享业内一些经过实践检验的工程化方案,希望能够为大家在大前端工程化的探索道路上提供借鉴和帮助。
GraphQL 作为一种新的通信协议自2015年 Facebook 开源之初,就逐渐开始受到技术社区的关注。 Apollo 作为目前较为成熟的 GraphQL Client 解决方案,成为了 NOW 直播 Web 业务的 GraphQL Client 选型方案。本次分享将会给听众阐述: GraphQL Client 解决的问题是什么?Apollo 的优势是什么 ?如何通过前端工程化将 Apoll 低成本地引入团队存量业务?
演讲提纲:
1. 什么是 GraphQL
2. Apollo VS Relay
3. 通过构建改造现有项目
4. 通过脚手架在新项目中快速推广
听众收益:
1. 了解 GraphQL 在实际项目中为业务带来的收益
2. 如何快速将团队现有技术栈适配 GraphQL 架构
知识储备:
了解 GraphQL
提效是企业级前端框架非常重要的目标之一,我们希望借助框架和工具能让一个人可以做十个人的事情,而要做10倍的提效,则要做一些能破局的事情。所以,我们尝试在 Pro Code 的基础上做可视化辅助编程( Visual Assist Programming ),借助和框架、平台、组件和物料市场的互补,以及类微前端的架构方案来提供插件机制,以此来提升开发者的研发效率以及降低上手门槛。
演讲提纲:
1. 为什么需要可视化辅助编程?
(1) 现有开发方式的痛点
(2) 研发提效可能的破局点
(3) 本地工作台,唯一入口
(4) 和搭建方案的区别
2. 可视化辅助编程在蚂蚁的实践:Umi UI
(1) 竞品分析
(2) Umi UI 的优势和挑战
(3) 部分功能演示
3. 原理解析
(1) 类微前端的架构方案
(2) 插件体系
(3) AST 的重度使用
(4) 运行态交互能力
(5) 国际化、主题、通讯机制等
4. 未来
(1) 规划
(2) 如何参与开发
听众收益:
1. 了解我们在这条路上的实践,以及背后的深入思考;
2. 了解可视化辅助编程的实现以及类微前端的架构方案;
3. 了解可视化辅助编程如何结合数据流、路由、物料和组件市场、配置化表单、AI 表单、数据管理等来做研发提效。
知识储备:
了解Vue UI 或 Umi UI 可以更好地理解这个主题
https://github.com/sorrycc/blog/issues/86
“微保”小程序是微信钱包九宫格入口中的小程序,承载着大量不同形态的保险产品业务。面对日益多元化的业务内容,日益巨大的小程序体积,在如何分治解耦管理各项业务,如何进行小程序的持续集成开发,如何快速迭代等方面产生了很大挑战。通过采用小程序子包方案,代码分库管理,推动小程序 H5 化、产品模板化,自动化发布工具开发等手段,达成单周迭代,40+ 子仓库管理,定时自动化发布的目的。
演讲提纲:
1. 微保小程序面对的挑战
2. 微保小程序的架构设计
3. 微保小程序的工程化方法
听众收益:
1. 如何优雅的管理较大型的小程序项目
2. 庞大的小程序如何做到按特性发布
知识储备:
1. 小程序相关知识
2. Node 相关知识
本议题主要介绍大型 App 通过工程拆解,组件二进制化、构建系统源码/二进制混合开发模式,并基于此建设的 Tekes 研发平台,实现二进制自动发布准入、依赖管理与多产品线支持,性能与组件化劣化管控等研发流程一体化,使用多种工程技术保障并行开发和研发效率,同时管控高速迭代过程的劣化。
演讲提纲:
0. 背景:
(1) 大型 App 工程拆分
(2) EasyBox 工具链(多仓库管理+二进制管理+构建系统)
1. 组件全量二进制的实施步骤及研发模式升级
2. 编译成功率保障:中央仓库快照及源码二进制映射
3. 组件二进制版本自动发布、准入机制
4. 组件版本号规范的约束
5. 依赖管理及多产品线支撑
6. 性能准入流水线联结
7. 依赖、接口劣化监控
8. Tekes 研发一体化平台整体架构
听众收益:
1. 大型 App 架构设计与拆分方法
2. 超级 App 高效工程能力保障方法
3. 组件全量二进制实现路径
4. 组件二进制自动发布的流程
5. 矩阵产品工程孵化模式
前沿亮点:
1. 源码/二进制切换开发模式
2. 研发流程一体化
知识储备:
组件化、移动端端架构、移动端构建系统相关知识