close

第二屆稀土開發者大會將於 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)、阿里巴巴企業智能事業部體驗技術團隊負責人董曉慶、美團買菜用戶前端負責人李燕青擔任出品人,將為前端開發人群帶來一場 「知識堆棧溢出」 的視聽盛宴!

免費報名贏豪禮!

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 鑽石舞台 的頭像
    鑽石舞台

    鑽石舞台

    鑽石舞台 發表在 痞客邦 留言(0) 人氣()