为什么 Fresh 是 Web 开发者‘最酷’的新框架

Source: Dev.to

如果你在网页开发领域已经有一段时间了，可能已经听说过 React、Vue 或 Angular。它们都很棒，但通常会让网站感觉“沉重”，因为它们会向浏览器发送大量的 JavaScript。

这时 Fresh 登场了——一个为 Deno 构建的现代网页框架，正在改变游戏规则。Fresh 是一个“全栈”框架，既处理 UI（前端）又处理数据（后端）。它基于 Preact（React 的轻量版）构建，所以如果你熟悉 React，会感到非常亲切！

主要特性

• 它很快（真的很快） ⚡
  Fresh 在服务器端渲染页面，并只向客户端发送极少量的 JavaScript。

• 没有“构建”步骤 🛠️
  你可以直接运行项目，无需单独的打包步骤。

• “岛屿”概念 🏝️
  只有页面中小的交互部分（即“岛屿”）会加载 JavaScript，保持其余部分轻量。

• 运行在 Deno 上
  Deno 由创建 Node.js 的同一位作者打造，提供更安全、更现代的运行时。Fresh 甚至不需要 package.json 文件。

代码示例

// islands/Counter.tsx
import { useSignal } from "@preact/signals";

export default function Counter() {
  const count = useSignal(0);
  return (
    
      
Count: {count}

       count.value++}>Increment
    
  );
}

你应该学习它吗？

• 是的，如果你想构建超快、对 SEO 友好的网站，例如博客或登陆页面。
• 是的，如果你有兴趣探索超越 Node.js 的网页未来。

结论

快去看看吧：