尤雨溪，来了！

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

其中，尤雨溪，前端框架 Vue.js 和前端构建工具 Vite 作者，将出席本届稀土开发者大会主论坛并作题为《前端趋势 2022》的主题演讲。

大家感兴趣的别错过，识别文章海报二维码，不仅免费报名到最后还有豪礼相送！

有人可能好奇演讲的内容大致有哪些，那这里就给大家罗列下这次演讲大纲：

一、基层框架/开发范式趋势

1、Hooks 的开发体验问题逐渐成为社区共识

（1）useEvent RFC 是官方对这个问题的一次补救

（2）React Forget 是从编译路线改善的一个尝试

2、基于依赖追踪的数据管理范式重新得到审视

（1）Solid: solid-state

（2）Vue: Composition API

（3）Ember: Starbeam

3、基于编译的响应式系统

（1）通过变量的引用和赋值触发追踪和更新

（2）Svelte

a. 简洁的代价：依赖组件上下文，不能嵌套，组件外需要额外的一套系统

（3）Vue Reactivity Transform

a. 组建内外通用的语法糖

二、工具链

1、原生语言的使用

(1) napi-rs (Rust)

(2) esbuild (Go)

(3) swc (Rust)

(4) bun (Zig)

(5) Parcel 2 (JS / Rust hybrid)

(6) Vite (JS / Go hybrid via esbuild)

(7) 原生语言更适用于用例专注且标准相对稳定的情况，否则很难榨取最大化的性能优势。

a. TS type checker：变化太快，没有标准

(8) 原生语言会影响可扩展性，增加社区参与门槛，最终影响生态发展

(9) JS/原生混合工具链将会成为常态

2、工具链抽象层次

（1）webpack / rollup: 纯 JS 模块（需要插件才能定制针对各类应用，抽象层次低）

（2）parcel 2: 纯客户端 web 应用（抽象层次高）

（3）vite: web / SSR 应用 + 上层框架（抽象层次高/中

a.基于可扩展性的设计

b.通过中间件模式（middleware mode) 嵌入现有的服务端架构

c.强大的插件 API 可以同时调整开发服务器和生产构建

d.服务端渲染是一等公民概念

  (4) 基于 Vite 的上层框架

a.Nuxt 3

b.SvelteKit

c.Shopify Hydrogen

d.Astro

e.Qwik

f.Solid Start

g.Fastify DX

h.vite-plugin-ssr

i.Laravel 官方默认方案

三、Meta Framework 趋势

1、全栈的优势在哪里

2、数据的前后端打通

（1）Next

a.getStaticProps / getServerSideProps

  (2) Nuxt

b.API routes + Top level await + useFetch

  (3) Remix

c.loader / action + HTML form

3、类型的前后端打通

（1）Nuxt 自动基于项目文件布局生成对应类型

a.路由

b.API

4、js 全栈的代价：duplicated data / js bundle size + hydration cost

(1) Vue 3.3 is going to explore this direction

(2) React Server Components

(3) Astro: island architecture / conditional lazy hydration

(4) Qwik: fine-grained + "resumable" hydration

(5) VitePress: static content removal + out-in shell hydration

a.Vue 3.3 is going to explore this direction

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