Web新趨勢:​​​​​​​HTML over-the-wire的實現Unpoly框架

banq發表於2022-03-25

HTML over-the-wire作為建立Web應用的一種更直接的方式,已經逐漸興起,且不需要使用太多的JavaScript:它透過 "線上wire "傳送HTML,而不是JSON來工作。

來自thenewstack報導:
現在,一個名為Unpoly的新的 "不顯眼的JavaScript框架 "已經出現,成為另外一個HTML over-the-wire框架Hotwire的競爭者。
Unpoly承諾 "為伺服器渲染的HTML檢視提供快速和靈活的前端"。
Unpoly比同類SPA少得多的程式碼構建應用程式,同時保留了前端的大部分速度和靈活性。
 
Unpoly在七年前,即2015年首次亮相。
使用Unpoly,你的檢視可以做一些在HTML中通常無法實現的事情,比如。
  • 在模型對話方塊中開啟連結。
  • 讓連結只更新一個頁面的片段。
  • 分層互動。

Unpoly是由Koch開發的,因為他注意到用於建立Web應用程式的程式碼越來越複雜,而且大多數時候並沒有必要這樣。
他的團隊決定深入研究他們的新假設:必須有一種方法來改善他們的JavaScript編碼,同時簡化已經很複雜的語言。
這使他們重新審視伺服器端渲染和漸進式增強,但用結構化的方法來突破極限,而不是堆積成山的不顯眼的JavaScript片段。

Unpoly是為想象中的HTML6規範提供的一個實現:
如果有一個HTML6規範,而且都是關於伺服器端的應用,那麼這個規範裡會有什麼呢?
  

與ReactJS比較
React和Unpoly並不完全是對立的。它們有一些相似之處,但也有一些重要的區別
這兩個框架的共同點是,當使用者瀏覽時,它們會渲染一個完整的頁面,但隨後只將該新頁面的片段插入DOM,其餘部分則被丟棄。
然而,React應用程式通常會透過網路呼叫JSON API,並在瀏覽器中渲染HTML;而Unpoly則在伺服器上渲染HTML,在那裡我們可以同步訪問我們的資料並自由選擇程式語言。
 

為什麼HTML Over-the-Wire會越來越受歡迎?
分佈在多行上的較長的程式碼給了錯誤更多的藏身之處。
HTML over-the-wire有利於簡化並增加安全性,而web開發者則不必在JavaScript中編寫每一行建立HTML的程式碼,從而節省了時間。

開發人員發現,JavaScript有時可能是不必要的複雜--有更簡單的方法來建立網頁和應用程式。正如Ruby on Rails和Hotwire的建立者David Heinemeier Hansson所寫的那樣:"是的,我們需要一點JavaScript來使其運作良好,足以與傳統的單頁應用程式所提供的保真度競爭,但其中的大部分可以透過一些小的庫來抽象化,而不會洩露到我們所編寫的應用程式程式碼中。

開發者可用在沒有沉重的客戶端JavaScript的情況下構建網路應用的方法,並檢查它是否有助於你在構建的那種應用中減少JavaScript:
有全新一代的工具,如Unpoly、htmx、Hotwire或LiveView,它們試驗了構建網路應用的新方法,值得你關注。

 

相關文章