Hotwire: HTML over the wire तकनीक

HTML over the wire

Hotwire, JSON की जगह HTML भेजकर JavaScript के उपयोग को न्यूनतम रखते हुए आधुनिक web applications बनाने का एक वैकल्पिक approach है। इसके ज़रिए तेज़ first page load, server-side template rendering को बनाए रखना, और अधिक सरल व productive development experience मिलता है.

मुख्य बातें

• तेज़ first page load: HTML भेजकर शुरुआती loading speed बढ़ाई जाती है.
• server-side template rendering: client side के जटिल JavaScript code के बिना server पर templates render किए जाते हैं.
• productive development experience: विभिन्न programming languages में अधिक सरल और productive development environment प्रदान करता है.
• 37signals टीम का framework: HEY को support करने वाली 37signals टीम द्वारा डिज़ाइन किया गया framework इस्तेमाल किया जा सकता है.

GN⁺ की राय

• development productivity में सुधार: JavaScript का उपयोग कम करके developers अधिक सरलता से web applications बना सकते हैं.
• server load बढ़ने की संभावना: क्योंकि templates server पर render होते हैं, इसलिए server load बढ़ सकता है.
• मौजूदा SPA के साथ तुलना: पारंपरिक single-page application (SPA) की तुलना में इसके फ़ायदे और सीमाओं पर विचार करना चाहिए.
• विभिन्न languages का support: कई programming languages में उपयोग किया जा सकता है, इसलिए इसकी flexibility अधिक है.
• तकनीक अपनाने से पहले विचार: मौजूदा systems के साथ compatibility और performance issues की पहले से समीक्षा करनी चाहिए.

[GN⁺]

Hacker News टिप्पणियाँ

• Hey वेबऐप के एक उपयोगकर्ता के रूप में, धीमे कनेक्शन पर अनुभव अच्छा नहीं है। यह loading या error state नहीं जोड़ने वाले डेवलपर की समस्या हो सकती है, या जटिलता या bugs की वजह से भी हो सकता है।
• htmx एक single JavaScript file के रूप में functionality देता है, और मुख्य रूप से Go backend के साथ इस्तेमाल होता है। इसमें flexibility है, इसलिए इसे आज़माना चाहता हूँ।
• Hotwire/Livewire को लेकर नकारात्मक था, लेकिन अब समझ आया है कि यह स्थिति पर निर्भर करता है। मैं hypermedia app नहीं लिखता, इसलिए htmx और REST पेपर दोबारा पढ़ने के बाद ही यह बात समझ में आई।
• अगर PHP/Laravel में कुछ समान ढूँढ रहे हैं, तो Livewire की सिफारिश करूँगा। जटिल projects के लिए React इस्तेमाल करता हूँ, लेकिन Blade/PHP में सब कुछ लिख पाना ताज़गी भरा लगता है।
• PWA को आसानी से लागू करने के तरीके के रूप में, यह React/Vue/Svelte की तुलना में ज़्यादा developer-centric है। backend framework के साथ integration होना या न होना ही प्रतिस्पर्धा का मुख्य बिंदु है।
• 2020 की HN चर्चा का लिंक साझा किया।
• 2005 या 2006 में इस्तेमाल किए गए उस approach को याद किया, जिसमें click intercept करके parameters जोड़े जाते थे और rendered HTML का एक हिस्सा लौटाया जाता था।
• ऐसे web apps में जिन्हें बहुत अधिक interactive frontend की ज़रूरत नहीं होती, Turbo और Stimulus नई developers को सीखने वाली चीज़ों को कम कर देते हैं।
• Swap JS नाम का एक और minimal idea 2 साल पहले लागू किया था, और यह कुछ projects में अच्छी तरह काम करता है।
• हाल ही में Hey के modal के धीमे होने पर एक online post के कारण Hotwire और Rails को लेकर बहस छिड़ गई। DHH का दावा है कि मूल वीडियो ने speed को सीमित किया था, जबकि दूसरे लोग आलोचना करते हैं कि Hotwire network पर बहुत ज़्यादा निर्भर करता है।