4、深入探索 Remix 应用开发：从创建到故障排除

深入探索 Remix 应用开发：从创建到故障排除

1. Remix 内置组件介绍

Remix 提供了一些内置组件，这些组件为我们开发应用提供了便利，并且我们可以根据需求控制它们的渲染。
- Outlet 组件 ：用于指定子路由的渲染位置。
- ScrollRestoration 组件 ：管理客户端导航的滚动位置，模拟浏览器默认行为，在使用浏览器的后退和前进按钮时恢复滚动位置。
- Scripts 组件 ：将打包后的 Remix 应用的所有脚本标签添加到 HTML 文档中。移除该组件可以去除 Remix 应用中的所有客户端 JavaScript。
- LiveReload 组件 ：在开发过程中，当开发服务器检测到任何文件更改时触发页面重新加载。该组件仅用于开发环境。

我们可以根据需要控制这些组件的渲染，例如，如果在开发过程中不需要实时重新加载功能，可以移除 LiveReload 组件；如果要开发没有客户端 JavaScript 的静态页面，可以移除 Scripts 组件。

2. Remix 路由文件夹

routes 文件夹包含 Remix 应用的所有其他路由。目前，它只包含一个 _index 路由，这是其父路由的默认子路由，并且与父路由共享相同的 URL。当前的 _index 路由映射到 / 路径。

3. Remix 的角色与配置