Next.js對(duì)手來了！Remix正式宣布開源
近日，Remix宣布關(guān)閉付費(fèi)訂閱模式，正式開源。
Remix是一個(gè)新的全棧式JavaScript 框架，它擺脫了靜態(tài)網(wǎng)站的生成，并且在其他方面做了一些與我們常用的其他框架不同的事情。此前Remix并非開源項(xiàng)目，其個(gè)人和企業(yè)許可證的售價(jià)分別為每年250美元和每年1000美元。
如今宣布開源之后，可以說是Next.js最強(qiáng)勁的對(duì)手了，二者之間獨(dú)具特色之外，還有許多相似之處，不知道接下去用戶會(huì)如何選擇。
Remix 作為一個(gè)框架，具有以下功能特性：
- 文件系統(tǒng)路由
- 路由布局嵌套
- 自動(dòng)拆分代碼
- 數(shù)據(jù)驅(qū)動(dòng)的元標(biāo)簽
- 內(nèi)置數(shù)據(jù)加載
- 零配置構(gòu)建
- React Refresh
下面一起來看看Remix的常規(guī)使用方法
初始化一個(gè)新的Reminx項(xiàng)目：
- npx create-remix@latest
- # choose Remix App Server
- cd [whatever you named the project]
- npm run dev
接下來，我們將創(chuàng)建一個(gè)新的路徑以在“/posts” URL 處呈現(xiàn)。首先在Layout組件中找到并在鏈接到“Home”之后，添加一個(gè)到“/posts”的新鏈接。
添加一個(gè)鏈接到帖子 app/root.tsx
- <li>
- <Link to="/posts">Posts</Link>
- </li>
返回瀏覽器，你應(yīng)該會(huì)在標(biāo)題欄看到新的鏈接，然后單擊它，你就會(huì)看到一個(gè)404頁面，現(xiàn)在開始創(chuàng)建路徑：
首先在里面創(chuàng)建一個(gè)新文件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，累計(jì)分支 227(Github地址：https://github.com/remix-run/remix)
感興趣的伙伴們不要錯(cuò)過了，Remix官網(wǎng)地址：https://remix.run/
