htmx - ferramentas poderosas para HTML
(htmx.org)<p>- Biblioteca que permite usar AJAX, WebSockets etc. diretamente dentro do HTML<br />
- 7kb, sem dependências, compatível com IE11 e extensível<br />
- Sucessora do intercooler.js <br />
- Define o comportamento adicionando atributos a todos os elementos<br />
→ `hx-trigger` : gatilho para click, change, submit, mouseenter. Também pode ser configurado para executar apenas uma vez com `once`. O atraso também pode ser definido com `delay:100ms`<br />
→ `hx-post`, `hx-get` etc. : chama requisições HTTP POST/GET/PUT/PATCH/DELETE <br />
→ `hx-target` : especifica o elemento que receberá o resultado da requisição<br />
→ `hx-swap` : especifica a forma de substituir o resultado da requisição. innerHTML, outerHTML, afterbegin, beforebegin, beforeend, afterend <br />
→ `hx-ws` : conexão WebSocket<br />
→ `hx-sse` : recebe Server Sent Events <br />
→ `hx-push-url` : salva no histórico do navegador<br />
- É possível registrar todos os eventos com `htmx.logger` <br />
- Extensões : json-enc, morphdom-swap, client-side-templates, path-deps, class-tools </p>
1 comentários