3、深入了解Remix：全栈Web框架的幕后机制与应用搭建

深入了解Remix：全栈Web框架的幕后机制与应用搭建

1. Remix的核心组件

Remix作为一个全栈Web框架，承担着编译器、路由器和运行时的职责，这些功能的协同工作使得它能够提供高效、强大的Web开发体验。
- 编译器 ：Remix将基于文件的路由模块编译成代码，它从文件和文件夹层次结构推断路由结构。对于每个路由模块，Remix检查其导出的函数，并将路由文件夹转换为运行时使用的数据结构。借助esbuild构建工具，Remix的构建速度极快。它将JavaScript文件打包成服务器包、客户端包和资产清单。
- 服务器包包含Remix的HTTP处理程序和适配器逻辑，在服务器上运行。
- 客户端包包含操作Remix客户端React应用程序的客户端脚本。
- 资产清单基于路由层次结构编译，包含应用程序依赖图的信息，供客户端和服务器使用，用于路由请求和定位资产。
- 路由器 ：Remix为客户端和服务器代码实现了路由器，简化了服务器到客户端的交接。它通过并行调用路由加载器函数避免请求瀑布，底层使用React Router，具体涉及 react-router-dom 和 @remix-run/router 。Remix的路由解决方案有客户端和服务器端部分，其暴露的React组件使应用程序具有单页面应用（SPA）的感觉，在运行时处理表单提交和链接点击。
- 运行时 ：Remix运行在现有的服务器上，如Express.js Node服务器，通过适配器与不同的服务器端JavaScript环境兼容。适