後端渲染:基於Deno的全新全棧Web框架Fresh介紹
客戶端渲染很昂貴,它會降低使用者體驗,大幅增加移動裝置的功耗,而且通常不是很健壯。
Fresh使用了一種不同的模式:在這種模式下,你預設向客戶端提供0KB的JS。在這種模式下,大部分的渲染是在伺服器上完成的,而客戶端只負責重新渲染小的互動性島嶼。
Fresh的核心是一個路由框架和模板引擎,它可以在伺服器上按要求渲染頁面。除了在伺服器上的這種及時(JIT)渲染之外,Fresh還提供了一個介面,用於在客戶端無縫渲染一些元件,以獲得最大的互動性。
該框架使用Preact和JSX(或TSX)在伺服器和客戶端進行渲染和模板製作。客戶端渲染完全是在每個元件層面上選擇的,因此許多應用程式根本就沒有向客戶端傳送JavaScript。
Fresh沒有一個構建步驟。你所寫的程式碼直接是在伺服器和客戶端上執行的程式碼,任何必要的TypeScript或JSX到普通JavaScript的轉換都是在需要時及時完成的。這允許非常快速的迭代迴圈和即時部署。
Fresh 1.0是一個穩定的版本,可以在生產中依靠它來使用。Deno的許多公共網路服務都使用Fresh。
詳細點選標題
相關文章
- 「真®全棧之路」Web前端開發的後端指南全棧Web前端後端
- Python全棧Web(Django框架、模板)Python全棧WebDjango框架
- Scrapy 框架介紹之 Puppeteer 渲染框架
- 基於Gin框架的web後端開發(八): Gin框架的請求重定向框架Web後端
- 基於Gin框架的web後端開發(二): JSON資料生成框架Web後端JSON
- 基於GORM框架的web後端開發(一): GORM連線MySQLGoORM框架Web後端MySql
- 基於Koa2/React的NodeJS全棧開發框架ReactNodeJS全棧框架
- 固執己見的全棧web框架 — Redwood全棧Web框架
- Python全棧Web(Django框架、模型中的CRUD)Python全棧WebDjango框架模型
- 基於Gin框架的web後端開發(三): 獲取queryString引數框架Web後端
- 基於Gin框架的web後端開發(七): Gin框架的檔案上傳詳解框架Web後端
- 基於小程式技術棧的跨端框架有哪些?跨端框架
- Python全棧Web(Flask框架、多表關聯)Python全棧WebFlask框架
- 淺談NUXT – 基於vue.js的服務端渲染框架UXVue.js服務端框架
- Python全棧工程師學習筆記|Django框架介紹與安裝Python全棧工程師筆記Django框架
- 下一代基於Koa的NodeJS全棧開發框架NodeJS全棧框架
- 基於Gin框架的web後端開發(四): 獲取FORM表單引數框架Web後端ORM
- LOVEPHP-WEB全棧開源框架釋出PHPWeb全棧框架
- 基於 Nuxt.js 服務渲染框架的後臺管理系統UXJS框架
- 基於Dart語言的開源後端框架:UpperDart後端框架
- java全棧工程師:從java後端到全棧,高階電商全棧系統大課Java全棧工程師後端
- [Hacker News 週報] Deno 原生 SSR web 框架;基於 Vite 的單元測試框架;程式設計師社交新嘗試Web框架Vite程式設計師
- 全棧 – 21 Web基礎 網頁的關節JS全棧Web網頁JS
- 初步瞭解Express(基於node.js的後端框架)ExpressNode.js後端框架
- 介紹基於事件的架構事件架構
- 基於VUE的伺服器端渲染(SSR)Vue伺服器
- 關於keras框架的介紹以及操作使用Keras框架
- 前端開發如何學習?後端?全棧?零基礎入門前端後端全棧
- 帶你手寫基於 Spring 的可插拔式 RPC 框架(一)介紹SpringRPC框架
- web前端全棧0基礎到精通(祺)13Web前端全棧
- 基於Gin框架的web後端開發(十): Gin框架-中介軟體(定義、使用、通訊與例項)詳解框架Web後端
- 入門全棧Java程式設計師——課程介紹全棧Java程式設計師
- spring框架的介紹Spring框架
- 前端路由和後端路由,前端渲染和後端渲染前端路由後端
- Web003_後端基礎Web後端
- 基於 Angular 的企業級 Web 應用伺服器端渲染的推薦建構AngularWeb伺服器
- uni-app跨端開發框架介紹APP跨端框架
- 基於 deployer 的 Web 端自動部署Web