尤雨溪确认出席&演讲！前端趋势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）、阿里巴巴企业智能事业部体验技术团队负责人董晓庆、美团买菜用户前端负责人李燕青担任出品人，将为前端开发人群带来一场“知识堆栈溢出”的视听盛宴！

免费报名赢豪礼！