另一个真实的 React 到 htmx 移植

在 所有 htmx 演示的母版 中，您可以看到从基于 React 的前端到 htmx 支持的前端的移植的实际结果。结果非常好，虽然我们以以下内容来限定这种体验

这些数字令人大开眼界，反映了 Contexte 应用程序非常适合超媒体：它是一个以内容为中心的应用程序，显示大量文本和图像。我们不希望每个 Web 应用程序都能看到这种数字。

然而，我们期望许多应用程序通过采用超媒体/htmx 方法至少对部分系统进行大幅改进。

幸运的是，我们还有另一个应用程序（同样，基于服务器端的 Django），它已从 React 前端移植到 htmx 前端：OpenUnited。

以下是来自 Adrian McPhee 的原始 LinkedIn 帖子 的图形，显示了移植前后代码库中的总代码行数

#移植前后源代码

此移植的一个非常好的方面是，与 Contexte 相比，OpenUnited 是开源的，因此可以查看移植前后代码

移植前：https://github.com/OpenUnited/old-codebase

移植后：https://github.com/OpenUnited/platform

#执行摘要

以下是移植的高级摘要

• 他们将代码库大小减少了61%（从 31237 LOC 减少到 12044 LOC）
• 他们将总文件数减少了72%（从 588 个文件减少到 163 个文件）
• 他们将总文件类型数减少了38%（从 18 种文件类型减少到 11 种文件类型）
• 主观地说，开发速度至少提高了5 倍
• UX 开发不是在 Figma 中进行原型设计，然后移植到 HTML，而是在 HTML 中直接进行

#分析

我们再次看到了一些令人大开眼界的成果。这是因为 OpenUnited 应用程序非常适合超媒体：与 Contexte 一样，它是一个以内容为中心的应用程序，显示大量文本和图像。

这种体验再次证明，至少对于某些类型的 Web 应用程序而言，htmx 和超媒体架构可能是一个绝佳的选择。