The React Router logo
2024 年 11 月 22 日

React Router v7

Michael Jackson
联合创始人

今天,我们很高兴地宣布 React Router v7 的稳定版本发布。

React Router v7 将你喜爱的 Remix 的所有特性都带回了 React Router 本身。我们鼓励所有 Remix v2 用户升级到 React Router v7。

对于过去 10 年来围绕 React 生态系统的大部分,我们相信 React Router v7 将是弥合 React 18 和 19 之间差距的最平滑方式。

升级

对于 React Router v6 用户,此版本以“框架模式”的形式将 Remix 的大量特性带回了 React Router。除了您已经使用的少量组件和钩子之外,您现在还可以访问一个具有广泛依赖项支持(基于 Vite)的编译器、服务器渲染、捆绑拆分和优化、大大改进的类型安全性、具有 HMR 的世界一流开发环境等等。阅读React Router v6 升级指南,了解我们如何尽可能平滑地为您提供升级路径,以及您在 v7 中可以期待的内容。

对于 Remix v2 用户,此版本为 Remix 中的类型安全性带来了一系列改进,以及对通过 routes.ts 改进路由的支持和预渲染静态页面的支持。查阅Remix v2 升级指南,了解有关如何升级到 React Router v7 的更多信息。

新应用

如果您今天使用 React Router 启动一个新应用,您可以选择:您是只想将 React Router 用作一个库,并自己引入其余部分?还是想要一个完整的框架,像 Remix 一样?这实际上取决于您想自己发明多少堆栈,以及您想从 React Router 中获得多少杠杆。

我们有一些指南可以帮助您开始使用 React Router v7 构建新应用

如果您想在框架模式下快速入门,我们有许多模板可供您选择,其中包括

  • 服务器渲染
  • 带有 HMR 的集成开发服务器
  • 资产捆绑和优化
  • 数据加载和突变
  • 使用 Tailwind 进行样式设置
  • 以及更多!

我们所有的模板都带有内置的部署管道,无论您是使用 Docker 并在 VPS 上托管还是部署到像 Cloudflare Workers 这样的云解决方案。

当您使用 React Router v7 构建新应用时,您将从这些模板中获得巨大的收益!

与往常一样,请查看文档,以全面了解 React Router v7 的所有功能。

尽情享用!


获取最新的 Remix 新闻更新

成为第一个了解新 Remix 功能、社区活动和教程的人。