htmx - HTML के लिए high power tools

 (htmx.org)
3 पॉइंट द्वारा xguru 2020-05-29 | 1 टिप्पणियां | WhatsApp पर शेयर करें

  • HTML के भीतर सीधे AJAX, WebSockets आदि इस्तेमाल करने देने वाली लाइब्रेरी

  • 7kb, बिना dependencies, IE11 compatible और extensible

  • intercooler.js का successor

  • सभी elements में attributes जोड़कर behavior निर्धारित करना

→ hx-trigger : click, change, submit, mouseenter पर trigger. once के जरिए इसे सिर्फ एक बार चलाने के लिए सेट किया जा सकता है. delay:100ms से delay भी सेट किया जा सकता है

→ hx-post, hx-get आदि : POST/GET/PUT/PATCH/DELETE HTTP Request call

→ hx-target : request result भेजने के लिए element निर्धारित करना

→ hx-swap : request result को replace करने का तरीका निर्धारित करना. innerHTML, outerHTML, afterbegin, beforebegin, beforeend, afterend

→ hx-ws : WebSocket connection

→ hx-sse : Server Sent Events प्राप्त करना

→ hx-push-url : browser history में सहेजना

  • htmx.logger से सभी events की logging संभव

  • extensions : json-enc, morphdom-swap, client-side-templates, path-deps, class-tools

संबंधित पढ़ाई

1 टिप्पणियां

 
xguru 2020-05-29

पिछले वर्ज़न intercooler.js की jQuery dependency हटा दी गई है, और टैग्स को भी ज़्यादा साफ़-सुथरे तरीके से व्यवस्थित किया गया है।