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 文章。

访客计数:------ Best viewed in Netscape Navigator · 800×600 © LocalHost Run