Remix 本地开发指南
Remix 全栈 React 框架本地开发,默认 localhost:5173;v7 能力已合并入 React Router。
Remix 是面向 Web 标准的 React 全栈框架,强调 loader/action、嵌套路由与渐进增强。Remix v2 起与 React Router v7 合并;新项目推荐 create-react-router,旧 Remix 项目仍可用 @remix-run/*。
快速开始(React Router v7 / 原 Remix 栈)
npx create-react-router@latest my-app
cd my-app
npm install
npm run dev默认 localhost
| 用途 | 地址 |
|---|---|
| 开发服务器 | http://localhost:5173 |
部分模板使用 3000,以终端输出为准。
经典 Remix 项目(维护中代码库)
npx create-remix@latest
npm run dev默认亦为 Vite 驱动,常见 5173 端口。
核心概念
- loader:服务端加载数据
- action:表单与 mutation
- 嵌套路由:布局与 URL 同步
详见 react-router 文章(v7 统一文档)。
与 Next.js 对比
Remix/React Router 更贴近 Web Fetch API 与 HTML 表单;Next.js App Router 侧重 RSC 与 Vercel 集成。本地均以 localhost dev server 调试。
小结
Remix 生态已并入 React Router v7,本地开发访问 http://localhost:5173 为主;新读者可同时参阅本站 react-router 文章。