内容摘要：近日，Remix宣布关闭付费订阅模式，正式开源。Remix是一个新的全栈式JavaScript 框架，它摆脱了静态网站的生成，并且在其他方面做了一些与我们常用的其他框架不同的事情。此前Remix并非开

近日，对手Remix宣布关闭付费订阅模式，式宣正式开源。布开

Remix是对手一个新的全栈式JavaScript 框架，它摆脱了静态网站的式宣生成，并且在其他方面做了一些与我们常用的布开其他框架不同的事情。此前Remix并非开源项目，对手其个人和企业许可证的式宣售价分别为每年250美元和每年1000美元。

如今宣布开源之后，布开可以说是云服务器提供商对手Next.js最强劲的对手了，二者之间独具特色之外，式宣还有许多相似之处，布开不知道接下去用户会如何选择。对手

Remix 作为一个框架，式宣具有以下功能特性：

文件系统路由 路由布局嵌套 自动拆分代码 数据驱动的布开元标签 内置数据加载 零配置构建 React Refresh

下面一起来看看Remix的常规使用方法

初始化一个新的Reminx项目：

npx create-remix@latest # choose Remix App Server cd [whatever you named the project] npm run dev 

接下来，我们将创建一个新的路径以在“/posts” URL 处呈现。首先在Layout组件中找到并在链接到“Home”之后，添加一个到“/posts”的新链接。高防服务器

添加一个链接到帖子 app/root.tsx

<li>   <Link to="/posts">Posts</Link> </li> 

返回浏览器，你应该会在标题栏看到新的链接，然后单击它，你就会看到一个404页面，现在开始创建路径：

首先在里面创建一个新文件app/routes/posts/index.tsx

mkdir app/routes/posts touch app/routes/posts/index.tsx 

最后创建帖子组件

export default function Posts() {    return (     <div>       <h1>Posts</h1>     </div>   ); } 

可能需要刷新浏览器才能看到我们新的、基本的帖子路径。

目前，Remix已经登上了Github热榜第一，标星 5.1K，累计分支 227(Github地址：https://github.com/remix-run/remix)

感兴趣的伙伴们不要错过了，Remix官网地址：https://remix.run/

云南idc服务商