尤雨溪確認(rèn)出席&演講！前端趨勢(shì)2022盡在第二屆稀土開(kāi)發(fā)者大會(huì)丨免費(fèi)報(bào)名！
基層框架/開(kāi)發(fā)范式趨勢(shì)
Hooks 的開(kāi)發(fā)體驗(yàn)問(wèn)題逐漸成為社區(qū)共識(shí) useEvent RFC 是官方對(duì)這個(gè)問(wèn)題的一次補(bǔ)救 React Forget 是從編譯路線改善的一個(gè)嘗試 基于依賴追蹤的數(shù)據(jù)管理范式重新得到審視 Solid: solid-state Vue: Composition API Ember: Starbeam 基于編譯的響應(yīng)式系統(tǒng) 組建內(nèi)外通用的語(yǔ)法糖 Svelte 簡(jiǎn)潔的代價(jià)：依賴組件上下文，不能嵌套，組件外需要額外的一套系統(tǒng) Vue Reactivity Transform 組建內(nèi)外通用的語(yǔ)法糖
工具鏈
napi-rs (Rust)
esbuild (Go)
swc (Rust)
bun (Zig)
Parcel 2 (JS / Rust hybrid)
Vite (JS / Go hybrid via esbuild)
原生語(yǔ)言更適用于用例專注且標(biāo)準(zhǔn)相對(duì)穩(wěn)定的情況，否則很難榨取最大化的性能優(yōu)勢(shì)。 TS type checker：變化太快，沒(méi)有標(biāo)準(zhǔn)
原生語(yǔ)言會(huì)影響可擴(kuò)展性，增加社區(qū)參與門(mén)檻，最終影響生態(tài)發(fā)展
JS/原生混合工具鏈將會(huì)成為常態(tài)
webpack / rollup: 純 JS 模塊（需要插件才能定制針對(duì)各類應(yīng)用，抽象層次低）
parcel 2: 純客戶端 web 應(yīng)用（抽象層次高）
vite: web / SSR 應(yīng)用 + 上層框架（抽象層次高/中） 基于可擴(kuò)展性的設(shè)計(jì) 通過(guò)中間件模式（middleware mode) 嵌入現(xiàn)有的服務(wù)端架構(gòu) 強(qiáng)大的插件 API 可以同時(shí)調(diào)整開(kāi)發(fā)服務(wù)器和生產(chǎn)構(gòu)建 服務(wù)端渲染是一等公民概念
基于 Vite 的上層框架 Nuxt 3
SvelteKit
Shopify Hydrogen
Astro
Qwik
Solid Start
Fastify DX
vite-plugin-ssr
Laravel 官方默認(rèn)方案
Meta Framework 趨勢(shì)
全棧的優(yōu)勢(shì)在哪里 數(shù)據(jù)的前后端打通 Next getStaticProps / getServerSideProps Nuxt API routes + Top level await + useFetch Remix loader / action + HTML form 類型的前后端打通 Nuxt 自動(dòng)基于項(xiàng)目文件布局生成對(duì)應(yīng)類型 路由 API js 全棧的代價(jià)：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
除此以外，本次開(kāi)發(fā)者大會(huì)還策劃了大前端技術(shù)探索、大前端工程實(shí)踐與性能優(yōu)化、低代碼探索和實(shí)踐、現(xiàn)代 Web 開(kāi)發(fā)等大前端技術(shù)方向?qū)?chǎng)，由快手 Web 開(kāi)發(fā)中心負(fù)責(zé)人方超、JavaScript 專家程劭飛（winter）、阿里巴巴企業(yè)智能事業(yè)部體驗(yàn)技術(shù)團(tuán)隊(duì)負(fù)責(zé)人董曉慶、美團(tuán)買(mǎi)菜用戶前端負(fù)責(zé)人李燕青擔(dān)任出品人，將為前端開(kāi)發(fā)人群帶來(lái)一場(chǎng)“知識(shí)堆棧溢出”的視聽(tīng)盛宴！
免費(fèi)報(bào)名贏豪禮！
評(píng)論
圖片
表情