Fresh 1.4 已正式发布。
Fresh 是 Deno 的全新全栈 Web 框架。默认情况下,使用 Fresh 构建的网页不会向客户端发送 JavaScript。该框架没有构建步骤,可以将部署时间缩短一个数量级。
Fresh 核心是路由框架和模板引擎的组合,支持在服务器上按需渲染页面。除了在服务器中提供的即时 (JIT) 渲染之外,Fresh 还提供了一个接口,用于在客户端上无缝渲染某些组件,以实现最大的交互性。
该框架使用 Preact 和 JSX(或 TSX)在服务器和客户端上进行渲染和模板化。客户端渲染在每个组件级别上是完全可选的,因此许多应用程序根本不会向客户端发送任何 JavaScript。
主要变化:
- 采用预先编译 (AOT) 以提升页面加载速度
- 支持自定义 html、head 和 body 标签
// routes/_app.tsx
import { AppProps } from "$fresh/server.ts";
export default function App({ Component }: AppProps) {
return (
<html lang="de">
<head>
<title>My Fresh App</title>
</head>
<body>
<Component />
</body>
</html>
);
}
- 支持 Layouts
- 新增异步 layout 和异步应用程序封装器
- 使用定义函数加快 typing 速度
- 支持使用 Route Groups 组织代码
- 共置岛屿、组件等
详情查看发布公告。