近日，Remix宣布關(guān)閉付費訂閱模式，正式開源。

[[436889]]

Remix是一個新的全棧式JavaScript 框架，它擺脫了靜態(tài)網(wǎng)站的生成，并且在其他方面做了一些與我們常用的其他框架不同的事情。此前Remix并非開源項目，其個人和企業(yè)許可證的售價分別為每年250美元和每年1000美元。

如今宣布開源之后，可以說是Next.js最強勁的對手了，二者之間獨具特色之外，還有許多相似之處，不知道接下去用戶會如何選擇。

Remix 作為一個框架，具有以下功能特性：

• 文件系統(tǒng)路由
• 路由布局嵌套
• 自動拆分代碼
• 數(shù)據(jù)驅(qū)動的元標(biāo)簽
• 內(nèi)置數(shù)據(jù)加載
• 零配置構(gòu)建
• React Refresh

下面一起來看看Remix的常規(guī)使用方法

初始化一個新的Reminx項目：

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

接下來，我們將創(chuàng)建一個新的路徑以在“/posts” URL 處呈現(xiàn)。首先在Layout組件中找到并在鏈接到“Home”之后，添加一個到“/posts”的新鏈接。

添加一個鏈接到帖子 app/root.tsx

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

返回瀏覽器，你應(yīng)該會在標(biāo)題欄看到新的鏈接，然后單擊它，你就會看到一個404頁面，現(xiàn)在開始創(chuàng)建路徑：

首先在里面創(chuàng)建一個新文件app/routes/posts/index.tsx

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

最后創(chuàng)建帖子組件

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

可能需要刷新瀏覽器才能看到我們新的、基本的帖子路徑。

目前，Remix已經(jīng)登上了Github熱榜第一，標(biāo)星 5.1K，累計分支 227(Github地址：https://github.com/remix-run/remix)

感興趣的伙伴們不要錯過了，Remix官網(wǎng)地址：https://remix.run/