尤雨溪确认出席&演讲!前端趋势 2022 尽在第二届稀土开发者大会丨免费报名!

语言: CN / TW / HK

第二届稀土开发者大会将于 7 月 22、23 日正式召开,本届大会以「激发万有引力,掘金技术未来」为主题,汇聚万千开发者,只为带你在纷繁复杂的技术浪潮里,从实践驱动的案例总结背后,一窥技术的本源。

尤雨溪,前端框架 Vue.js 和前端构建工具 Vite 作者, 将出席本届稀土开发者大会主论坛并作题为 《前端趋势 2022》 的主题演讲。识别文末海报二维码, 免费报名还有豪礼相送!

演讲大纲:

基层框架/开发范式趋势

  • Hooks 的开发体验问题逐渐成为社区共识
    • useEvent RFC 是官方对这个问题的一次补救
    • React Forget 是从编译路线改善的一个尝试
  • 基于依赖追踪的数据管理范式重新得到审视
    • Solid: solid-state
    • Vue: Composition API
    • Ember: Starbeam
  • 基于编译的响应式系统
    • 通过变量的引用和赋值触发追踪和更新
    • Svelte
      • 简洁的代价:依赖组件上下文,不能嵌套,组件外需要额外的一套系统
    • Vue Reactivity Transform
      • 组建内外通用的语法糖

工具链

原生语言的使用

  • napi-rs (Rust)
  • esbuild (Go)
  • swc (Rust)
  • bun (Zig)
  • Parcel 2 (JS / Rust hybrid)
  • Vite (JS / Go hybrid via esbuild)
  • 原生语言更适用于用例专注且标准相对稳定的情况,否则很难榨取最大化的性能优势。
    • TS type checker:变化太快,没有标准
  • 原生语言会影响可扩展性,增加社区参与门槛,最终影响生态发展
  • JS/原生混合工具链将会成为常态

工具链抽象层次

  • webpack / rollup: 纯 JS 模块(需要插件才能定制针对各类应用,抽象层次低)
  • parcel 2: 纯客户端 web 应用(抽象层次高)
  • vite: web / SSR 应用 + 上层框架(抽象层次高/中)
    • 基于可扩展性的设计
    • 通过中间件模式(middleware mode) 嵌入现有的服务端架构
    • 强大的插件 API 可以同时调整开发服务器和生产构建
    • 服务端渲染是一等公民概念
  • 基于 Vite 的上层框架
    • Nuxt 3
    • SvelteKit
    • Shopify Hydrogen
    • Astro
    • Qwik
    • Solid Start
    • Fastify DX
    • vite-plugin-ssr
    • Laravel 官方默认方案

Meta Framework 趋势

  • 全栈的优势在哪里
  • 数据的前后端打通
    • Next
      • getStaticProps / getServerSideProps
    • Nuxt
      • API routes + Top level await + useFetch
    • Remix
      • loader / action + HTML form
  • 类型的前后端打通
    • Nuxt 自动基于项目文件布局生成对应类型
      • 路由
      • API
  • js 全栈的代价:duplicated data / js bundle size + hydration cost
    • React Server Components
    • Astro: island architecture / conditional lazy hydration
    • Qwik: fine-grained + "resumable" hydration
    • VitePress: static content removal + out-in shell hydration
      • Vue 3.3 is going to explore this direction

除此以外,本次开发者大会还策划了大前端技术探索、大前端工程实践与性能优化、低代码探索和实践、现代 Web 开发等大前端技术方向专场,由快手 Web 开发中心负责人方超、JavaScript 专家程劭飞(winter)、阿里巴巴企业智能事业部体验技术团队负责人董晓庆、美团买菜用户前端负责人李燕青担任出品人,将为前端开发人群带来一场“知识堆栈溢出”的视听盛宴!

免费报名赢豪礼!

图片