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