23、探索Remix中的数据获取与实时交互技术

探索Remix中的数据获取与实时交互技术

1. Remix的数据获取策略

Remix支持不同的数据获取策略，其中延迟加载器数据（deferring loader data）可用于解决从慢速端点获取数据时的性能瓶颈。Remix的 defer 函数会检测加载器数据中未解决的Promise，并在解决后将其流式传输到客户端。在React中，使用 React Suspense 和Remix的 Await 组件来管理延迟加载器数据。

不过，使用 defer 需要提供后备UI（fallback UIs）来传达加载状态。虽然延迟加载器数据可以加快初始文档请求，但会创建加载UI，从而带来不同的用户体验。

需要注意的是，Remix使用React流式传输来加速文档请求，但并非所有服务器运行时和环境都支持React和HTTP流式传输，因此并非所有Remix适配器都支持React流式传输。只有在支持并设置了React流式传输的情况下，延迟加载器数据才能正常工作。

2. 实时技术概述

实时技术在现代Web应用中扮演着重要角色，可用于实现聊天功能、多人协作UI等。常见的实时技术有轮询（Polling）、服务器发送事件（Server-Sent Events，SSE）和WebSocket。下面是它们的特点对比：
| 技术 | 优点 | 缺点 |
| — | — | — |
| 轮询 | 无需服务器环境和托管提供商支持WebSocket、HTTP/2或长时间运行的流式响应；实现简单，适合原型开发 | 资源消耗大，实时性有延迟