一個真實世界的 React -> htmx 移植案例

Carson Gross

談論 REST & HATEOAS 的理論或描述 Hypermedia-Driven Application 架構,固然都很好,但歸根結底,軟體中重要的是實用性:它是否有效?它是否能改善現狀?

我們可以肯定 htmx 是有效的,因為我們在自己的軟體中使用它。但很難說它會比其他方法有改進,因為我們沒有做過像 htmx 與 react 這樣的直接比較。

直到現在。

David GuillotContexte 展示了我們稱之為 “所有演示之母” 的 htmx 演示,在 DjangoCon 2022 上發表。

在真實世界的 SaaS 產品上,從 React 到 htmx:我們做到了,而且很棒!

我們毅然決然地將我們 SaaS 產品使用了兩年的 React UI,在幾個月內用簡單的 Django 模板和 htmx 取代。我們想與您分享我們的經驗,提供各方面的具體指標,並說服您的技術長!

#影片

您應該(務必!)在此觀看完整的演示

#總結

#分析

這些數字令人瞠目結舌,它們反映了 Contexte 應用程式非常適合使用超媒體:這是一個以內容為中心的應用程式,顯示大量文字和圖片。我們不期望每個網頁應用程式都能看到這種數字。

但是,我們確實期望許多應用程式,至少在其系統的一部分中,透過採用超媒體/htmx 方法,看到顯著的改進。

#開發團隊組成

移植中一個容易被忽略的方面是它對團隊結構的影響。當 Contexte 使用 react 時,後端和前端之間存在嚴格的劃分,其中兩位開發人員完全是後端,一位開發人員完全是前端,一位開發人員是「全端」。

(這裡的「全端」是指他們可以輕鬆地在前端和後端工作,因此能夠完全獨立地跨整個「堆疊」開發功能。)

在移植到 htmx 之後,整個團隊都成為了「全端」開發人員。這意味著每位團隊成員都更有效率,並且能夠貢獻更多價值。它也使開發變得更有趣,因為開發人員可以擁有整個功能。最後,它可以帶來更優化的軟體,因為開發人員可以在堆疊的任何位置進行優化,而無需與其他開發人員協調。

#投影片

演示文稿的投影片可以在這裡找到(請務必查看優秀的演講者筆記!)

https://docs.google.com/presentation/d/1jW7vTiHFzA71m2EoCywjNXch-RPQJuAkTiLpleYFQjI/edit?usp=sharing

</>