Github每日精选（第54期）：下一代网络框架resh

resh

resh 是一个面向 JavaScript 和TypeScript开发人员的全栈现代 Web 框架，旨在让创建高质量、高性能和个性化的 Web 应用程序变得轻而易举。您可以使用它来创建您的主页、博客、大型 Web 应用程序（如 GitHub 或 Twitter）或您能想到的任何其他内容。

Fresh 的核心是路由框架和模板引擎的组合，可在服务器上按需呈现页面。除了在服务器上的这种即时 (JIT) 渲染之外，Fresh 还提供了一个接口，用于在客户端无缝渲染一些组件，以实现最大的交互性。该框架使用Preact和 JSX 在服务器和客户端上进行渲染和模板化。

Fresh 也没有构建步骤。你写的代码也直接是在服务器上运行的代码，在客户端上执行的代码。将 TypeScript 或 JSX 转换为纯 JavaScript 的任何必要转换都是在需要时即时完成的。这允许非常快速的迭代循环和非常非常快速的部署。

新项目可以使用 手动部署到任何平台deno，但它旨在部署到像Deno Deploy这样的边缘运行时以获得最佳体验。

一些突出的特点：

• 无构建步骤
• 需要零配置
• 边缘的 JIT 渲染
• 小而快（框架不需要客户端 JS）
• 单个组件的可选客户端水合
• 由于渐进式增强和使用本机浏览器功能而具有高度弹性
• 开箱即用的 TypeScript
• 文件系统路由 à la Next.js

github的地址在这里。

安装

Deno 作为一个没有依赖关系的单一可执行文件发布。您可以使用下面的安装程序安装它，或者从发布页面下载发布二进制文件。

（Mac、Linux）：

curl -fsSL https://deno.land/install.sh | sh

PowerShell（Windows）：

irm https://deno.land/install.ps1 | sh

Homebrew (Mac):：

brew install deno

使用入门

您可以通过运行 Fresh init 脚本来搭建新项目。要在deno-fresh-demo文件夹中构建项目，请运行以下命令：

deno run -A -r https://fresh.deno.dev deno-fresh-demo

然后导航到新创建的项目文件夹：

cd deno-fresh-demo

在您的项目文件夹中，使用以下 deno task命令启动开发服务器：

deno task start

现在在浏览器中打开http://localhost:8000以查看该页面。您对项目源代码进行更改并在浏览器中看到它们的反映。

要将项目部署到实时互联网，您可以使用 Deno Deploy：

• 将您的项目推送到 GitHub。
• 创建一个 Deno Deploy 项目。
• 将Deno Deploy项目链接main.ts到已创建存储库根目录中的文件。
• 该项目将部署到公共$project.deno.dev子域。