作者:余小刚玩guitarvp_996 | 来源:互联网 | 2024-12-11 12:13
Fresh 1.1 已经正式发布,此版本带来了多项关键性改进,旨在提高框架的易用性、性能及实用性。
Fresh 是基于 Deno 的新一代全栈 Web 开发框架,其设计初衷是为了简化 Web 应用的开发流程。Fresh 默认不向客户端发送 Javascript,这意味着大多数页面渲染工作都在服务器端完成,客户端仅处理少量的交互模块。这种设计不仅提高了应用的加载速度,还显著减少了部署时间。
Fresh 的核心在于其路由框架和模板引擎的结合,支持服务器端按需渲染页面。除了服务器端的即时渲染能力外,Fresh 还提供了一种机制,允许在客户端无缝渲染特定组件,以增强用户体验。框架使用 Preact 和 JSX(或 TSX)作为渲染和模板语言,同时确保客户端渲染在组件级别上的完全可选性,使得很多应用无需向客户端发送任何 Javascript。
得益于 Fresh 缺少传统的构建步骤,开发者可以直接编写在服务器和客户端运行的代码。所有必要的代码转换,如 TypeScript 或 JSX 到纯 Javascript 的转换,均在需要时即时完成,这一特性极大地加速了开发和部署的速度。
鉴于 Fresh 强调动态服务器端渲染,其对性能的要求极高。因此,Fresh 特别适用于 Deno Deploy、Netlify Edge Functions 或 Supabase Edge Functions 等边缘计算环境,这些环境能够确保渲染过程接近用户,从而最小化网络延迟。
Fresh 的主要特点包括:
- 无需构建步骤
- 零配置
- 边缘即时渲染
- 轻量级且快速(框架本身不依赖于客户端 Javascript)
- 单个组件级别的客户端水合选项
- 强大的适应性,得益于渐进式增强和利用原生浏览器功能
- 内置 TypeScript 支持
- Next.js 风格的文件系统路由
Fresh 1.1 版本的主要更新点:
- 自动启用 JSX 模式
- 新增官方
twind
插件 - 支持 Preact Signals
- 集成 Preact DevTools
- 实现 404 页面的显式渲染
- 支持中间件堆叠
- 实验性支持
Deno.serve
- 引入 Showcase 和 'Made with Fresh' 徽章
更多详情请参阅官方发布的更新公告。