第二屆稀土開發者大會將於 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 趨勢
全棧的優勢在哪裡
數據的前後端打通
loader / action + HTML form
API routes + Top level await + useFetch
getStaticProps / getServerSideProps
Next
Nuxt
Remix
類型的前後端打通
路由
API
Nuxt 自動基於項目文件布局生成對應類型
js 全棧的代價:duplicated data /js bundle size + hydration cost
Vue 3.3 is going to explore this direction
React Server Components
Astro: island architecture / conditional lazy hydration
Qwik: fine-grained + "resumable" hydration
VitePress: static content removal + out-in shell hydration
除此以外,本次開發者大會還策劃了大前端技術探索、大前端工程實踐與性能優化、低代碼探索和實踐、現代 Web 開發等大前端技術方向專場,由快手 Web 開發中心負責人方超、JavaScript 專家程劭飛(winter)、阿里巴巴企業智能事業部體驗技術團隊負責人董曉慶、美團買菜用戶前端負責人李燕青擔任出品人,將為前端開發人群帶來一場 「知識堆棧溢出」 的視聽盛宴!
免費報名贏豪禮!