大前端工程化

会议室:待定
出品人:梁伟盛

大前端工程化是大前端业务以及技术架构复杂度提升导致的必行之路,然而工程化并不是普... 展开 >

专题出品人:梁伟盛

腾讯 NOW直播前端Leader

梁伟盛,2015年加入腾讯,现任腾讯直播&NOW直播前端负责人,多年前端开发经验,对前端性能优化、前端监控、组件化等有比较深入的理解,同时是 IVWEB 团队负责人之一。曾发起三届行业技术TLC大会,促进行业技术交流,团队也致力于新技术的布道以及行业交流分享。

专题出品人:梁伟盛

腾讯 NOW直播前端Leader

梁伟盛,2015年加入腾讯,现任腾讯直播&NOW直播前端负责人,多年前端开发经验,对前端性能优化、前端监控、组件化等有比较深入的理解,同时是 IVWEB 团队负责人之一。曾发起三届行业技术TLC大会,促进行业技术交流,团队也致力于新技术的布道以及行业交流分享。

专题:大前端工程化

大前端工程化是大前端业务以及技术架构复杂度提升导致的必行之路,然而工程化并不是普适的技术或者理论,业务类型、场景、技术架构甚至团队组织架构均是决定工程化具体形态的必要因素。换句话讲,工程化是与实践密不可分的。本专场我们通过分享业内一些经过实践检验的工程化方案,希望能够为大家在大前端工程化的探索道路上提供借鉴和帮助。

by 郭金

百度
资深研发工程师
百度App Tekes研发一体化平台

本议题主要介绍大型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.  研发流程一体化

知识储备:

组件化、移动端端架构、移动端构建系统相关知识

by 朱林

腾讯
高级前端工程师
通过前端工程化将Apollo引入现有React技术栈

GraphQL作为一种新的通信协议自2015年Facebook开源之初,就逐渐开始受到技术社区的关注。Apollo作为目前较为成熟的GraphQL Client解决方案,成为了NOW直播Web业务的GraphQL Client选型方案。本次分享将会给听众阐述:GraphQL Client解决的问题是什么?为何在Apollo和Relay之间,NOW直播选择了Apollo?如何通过前端工程化将Apoll低成本地引入团队存量业务?

演讲提纲:

1. 什么是GraphQL?它解决了什么问题?
2. Apollo VS Relay,它们解决的问题是什么?
3. 通过构建改造现有项目
4. 通过脚手架在新项目中快速推广

听众收益:

1. 了解GraphQL在实际项目中为业务带来的收益
2. 如何快速将团队现有技术栈适配GraphQL架构

知识储备:

了解过GraphQL

by 陈成

蚂蚁金服
高级技术专家
可视化辅助编程在蚂蚁的探索之路

提效是企业级前端框架非常重要的目标之一,我们希望借助框架和工具能让一个人可以做十个人的事情,而要做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

 

交通指南

© 2019 Baidu - GS(2018)5572号 - 甲测资字1100930 - 京ICP证030173号 - Data © 长地万方
本网站图片存储由七牛云独家支持