Web新趨勢:HTML over-the-wire的實現Unpoly框架
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,它們試驗了構建網路應用的新方法,值得你關注。
相關文章
- Web開發框架趨勢Web框架
- 擁抱Web設計新趨勢:SVG Sprites實踐應用WebSVG
- 《HTML5移動Web開發實戰》——第1章 移動Web設計趨勢HTMLWeb
- 大勢所趨 HTML5成Web開發者最關心的技術HTMLWeb
- 淺談web前端的發展趨勢Web前端
- 趨勢科技發現古巴勒索軟體新變種
- 中國人口大遷移的新趨勢
- 7個未來WEB設計的趨勢Web
- 未來 Web 設計的 7 大趨勢Web
- 美媒:谷歌聯想新Logo 現驚人相似 或引領新趨勢谷歌Go
- 微前端的現狀和趨勢前端
- AngularJS 1.3.7 釋出,HTML 的 Web 框架AngularJSHTMLWeb框架
- AngularJS 1.3.2 釋出,HTML 的 Web 框架AngularJSHTMLWeb框架
- HTML5開發的發展趨勢有哪些?HTML
- 兩種方式實現web html sliderWebHTMLIDE
- Android 5.0 技術新趨勢Android
- 用 canvas 實現 Web 手勢解鎖CanvasWeb
- 未來Web開發趨勢報告Web
- 新興市場中休閒類遊戲廣告投放呈現哪些新趨勢?遊戲
- c++ web框架實現之靜態反射實現C++Web框架反射
- WEB開發框架效能排行與趨勢分析2-三大驚喜變化Web框架
- 新冠疫情:疫情之後的技術趨勢
- 網際網路品牌建設的新趨勢
- Java Web 程式設計師的發展趨勢分析JavaWeb程式設計師
- 移動端開發新趨勢FlutterFlutter
- Go Web 服務框架實現詳解GoWeb框架
- 好程式設計師分享大勢所趨 HTML5成Web開發者最關心的技術程式設計師HTMLWeb
- HTML5 手勢檢測原理和實現HTML
- HTML5實現螢幕手勢解鎖HTML
- 2017 web開發發展趨勢Web
- 2015年Web發展趨勢Web
- 2011年HTML5的六大趨勢HTML
- 最新綜述:多標籤學習的新趨勢
- VR+電商,破解“流量紅利”枯竭的新趨勢?VR
- 從零實現MVVM模式的Web前端框架的雛形MVVM模式Web前端框架
- web全棧開發工程師的趨勢、價值Web全棧工程師
- 2021年Web前端開發的趨勢有哪些Web前端
- 2016年Web設計的10大趨勢Web