Remix 是一个由 React Router 开发团队所开发的基于 React 和 Node 的全栈框架,以解决开发者在用 React 开发时面临的一些棘手问题。
Remix 1.14 发布,更新内容如下:
带有 HMR 的开发服务器
Remix 现在有一个全新的开发服务器,它将极大地改善你在开发中运行 Remix 应用程序的体验。
新的开发环境包括大家期待已久的通过 React Refresh 进行的 Hot Module Replacement (HMR),以及我们称之为 Hot Data Revalidation (HDR) 的东西。
HMR 允许你对你的 UI 或代码样式进行修改,并看到它们反映在你的浏览器中,而不需要刷新页面。这与现有的 <LiveReload>
组件不同,因为 HMR 在更新之间不会重置客户端的状态。这对高度交互的应用程序特别有用,因为重置状态是破坏性的,会拖慢开发过程。
现在说说 HDR,用户可以把它看作是数据加载器的 HMR。有了 HDR,你可以对你的服务器代码进行修改,并看到这些更新立即反映在你的用户界面上,而不需要重设客户端状态。
这是一个在 unstable_dev
未来标志下的早期版本,就目前而言,有一些已知的限制需要注意:
- 我们还没有为
import.meta.hot
提供一个 API - 当服务器上检测到变化时,所有路由加载器都会失效
- 加载器的变化并不考虑导入的依赖关系的变化
- 它不能自动与 Remix App Server 一起工作
其他值得注意的变化
entry.server
和entry.client
文件现在是可选的。如果不包括在内,Remix 将在构建时以合理的默认值生成每个条目文件。- 对于使用
v2_routeConvention
标志的用户,路由冲突将不再出现错误。相反,你会看到一个有用的警告,指出冲突,并使用我们找到的第一个匹配。
其他
- 更新到最新的 React Router 版本
- [email protected]
- @remix-run/[email protected]
更多详情可查看:https://github.com/remix-run/remix/releases/tag/remix%401.14.0