从编码到发布,前端工程体系如何实现再度升级?

前端工程日益复杂,从一开始网页页面只是提供一些简单的展示和交互的静态页面,到后来有了服务端渲染,再后来随着用户需求增多、业务多样化,出现了前后端分离,对研发效能提出了更高的要求。 

前端工程化,本质上是对前端开发流程的改良,是提效工程。从写代码开始到发布上线每一步都可以再度升级,比如,过去的 Yeoman、CLI等系列优秀的构建工具逐步发展到 GULP、Webpack 以及 CLI UI 界面。2023 年,前端工程化演进将有更革命性的进展,集合 AI 能力,打通业务属性,给予开发者一个全新的开发体验与效能提升。 

回到前端工程实践中,新一代前端构建工具如何帮助改善应用程序的性能?是否需要开发诸多不同技术栈的 UI 组件库从而满足各种前端项目?同一个需求多端重复开发如何打破传统的技术栈划分,进而实现三端融合同构呢?这需要每一位前端开发者在交流、探索以及实践中找到一些真正的突破点,实现研发智能提效。 

6 月 30 日- 7 月 1 日北京·新云南皇冠假日酒店,由稀土掘金技术社区举办的 「稀土开发者大会2023」上,曾探(剪映前端负责人)作为出品人,为大家带来《前端工程实践》专场,字节跳动前端工程师王舒源、哈啰前端技术专家徐顺发、腾讯高级前端工程师艾瑞坤、雪球前端专家于希哲,将为技术开发者们带来前端工程实践分享。

演讲嘉宾:王舒源 字节跳动前端工程师

字节跳动前端工程师,Rspack 团队核心成员

演讲主题:Rspack:性能快 5 到 10 倍的新一代前端构建工具

在这个数字化时代,Web 应用程序是企业成功的关键之一。然而,开发和部署高性能 Web 应用程序需要解决一系列复杂的问题之一是构建应用程序。在这方面,Rspack 为我们提供了一个可靠、快速、灵活的解决方案。在本次演讲中,我将向大家介绍 Rspack 的特性、框架和生态兼容性、开箱即用的能力以及业务性能收益,并探讨它如何帮助我们改善应用程序的性能。

演讲大纲:

  1. 为什么选择 Rspack
  2. Rspack 的主要特性
  3. Rspack 的生态兼容性
  4. Rspack 在大型项目中的业务收益
  5. Rspack 的整体架构设计
  6. 总结

演讲嘉宾:徐顺发 哈啰前端技术专家

《React + Redux 前端开发实战》作者,热衷于使用前沿技术提升前端生产力。近两年专注于 Web Components 的跨技术栈解决方案,通过在哈啰内部解化 Quark Design,落地实践和持续打磨,探索出了一套能用于生产环境的无框架 UI 组件及 Quark 引擎。

演讲主题:低成本、跨技术栈与无框架:哈啰对于下一代 UI 组件库的探索

组件库一直以来都随技术栈走,这带来了诸多问题!为了满足各种公司内的各种前端项目,你是否需要开发诸多不同技术栈的 UI 组件库?为了跟随技术栈升级,你的组件库是否需要作出相应的代码重构升级?各种版本组件文档满天飞,跨技术栈业务组件无法共用?本次分享将带你玩转无框架原生组件,依托 Web Components 技术,未来前端组件不再依赖技术栈,有浏览器的地方都能跑!

演讲大纲:

  1. 聊聊当下主流 UI 组件库的“伤”
  2. 初识 Web Components
  3. 如何高效构建原生 Web 组件
  4. 面向未来的无框架浏览器原生组件探索与实践

演讲嘉宾:艾瑞坤 腾讯高级前端工程师

先后就职于阿里文娱、阿里淘宝、腾讯新闻前端团队,参与过淘宝 App 和腾讯新闻页开发。专注于前端基建、AI 智能化开发、前端工程化、WebContainer、多人协同编辑技术等。热爱技术,活跃于 GitHub、掘金等开源社区,热衷于技术交流与分享。

演讲主题:ChatGPT 结合前端工程化实现研发智能提效

前端工程日益复杂,对研发效能提出了更高的要求,在传统的开发模式中,从产品提出需求到代码编写这条链路中,存在很多繁琐冗长的不合理流程。我们通过不断探索与创新,将前端工程化与 AI 结合,将重复冗余的流程通过智能化实现开发提效,给开发者一个全新的开发体验与效能提升。

本次分享主要讲解如何将工程化内嵌到 IDE 插件中,通过 ChatGPT 将 AI 结合到工程化实现智能代码评审、智能编写单测、代码语言转化等原理,从而提升我们日常开发的效率,还将讲解如何通过 fine-tune 实现自训练 oncall 智能助手,提升日常 oncall 效率等,并将演示如何通过自训练 AI 模型实现图形识别,结合工程化和 ChatGPT 快速转成不同语言代码。

演讲大纲:

  1. 腾讯前端工程化生态演进
  2. AI 结合前端工程化实现开发提效
  3. VSCode 插件进行前端工程化升级
  4. 通过 ChatGPT 实现代码智能评审、智能单测等 15 个开发提效工具
  5. 智能 oncall 的业务落地与实现原理
  6. AIGC 智能写稿业务落地与实现原理
  7. AI 识别手画稿生成代码的原理与实践
  8. 对 ChatGPT 未来的思考
  9. 前端 AI 智能化未来展望

演讲嘉宾:于希哲 雪球前端专家

10 年从业经验,清华大学硕士,私募前端负责人。从事金融财富管理场景下的大前端业务架构、技术基建和相关团队管理工作。多个开源项目贡献者,专注于多端同构、研发效能提升、人工智能与软件工程的结合等。

演讲主题:React Native 三端同构在雪球的实践

同一个需求往往需要在 iOS、Android 、H5、微信小程序等多端重复开发,效率低且成本高。有没有一种技术,能在效率、体验、成本、通用性上取得最大化的平衡,甚至打破传统的技术栈划分,进而实现三端融合同构呢? 雪球大前端团队去年着力于三端同构的建设,实现了 RN/H5 同构的落地方案,极大程度上抹平了 Native、RN、H5 的技术割裂,广泛地应用在雪球各个复杂业务场景。 RN 三端同构方案最适合以 App 开发为主,并需要把 App 功能同步到微信 H5 生态的业务场景。对于想实现 App 动态化、提升人效的中小型公司有借鉴意义,同时该方案也提供了可落地的实操指南。

演讲大纲:

  1. 三端同构的能力与方案

  2. snowbox 同构组件库及样式组件系统

  3. 同构 H5 的实现及性能优化

  4. 同构的开发体验改善

  5. 同构的 CI/CD 及开发测试流程

  6. 同构的展望及基于大模型的同构代码自动生成

除了以上嘉宾分享的「前端工程实践」外,本届大会策划的专题还包含「大模型与AIGC、云原生实践、低代码技术实践和创新应用、前端未来、分布式云和边缘计算、可观测性探索」等十数个技术专场,这些议题由来自字节、腾讯、剪映、阿里巴巴、火山引擎、QQ 影像、哗哩哗哩、小红书等公司具备技术影响力与洞察力的行业专家负责把控。目前大会出品人已全部集齐,讲师阵容也即将确认完毕。

「代码不止」互动抽奖👇

👬 互动任务:转发2023年稀土开发者大会出品人海报 or 「掘金开发者社区」公众号推文链接到朋友圈,完成即可参与抽奖!

注:不重复中奖哦~ 🎁 居家必备咖啡机、小米台灯1S、大会周边防晒帽、大会周边雨伞、掘金周边棒球帽、掘金周边卡牌游戏、掘金周边笔记本等惊喜奖品等你来拿,20%的中奖率不要错过啦~

从编码到发布,前端工程体系如何实现再度升级?
更多精彩内容和抽奖互动,欢迎加入稀土开发者大会交流群

从编码到发布,前端工程体系如何实现再度升级?

原文链接:https://juejin.cn/post/7239715688141766712 作者:稀土君

(0)
上一篇 2023年6月2日 上午10:55
下一篇 2023年6月2日 上午11:05

相关推荐

发表评论

登录后才能评论