O que htmx faz?
Diretrizes de desenvolvimento HTMX para construir aplicações web dinâmicas com JavaScript mínimo usando atributos HTML.
Introdução
HTMX é uma biblioteca que permite adicionar interatividade moderna às suas páginas web sem escrever JavaScript extenso. Em vez disso, você usa atributos HTML para definir comportamentos como requisições AJAX, atualizações de trechos e transições.
Boas Práticas
- Use
hx-get,hx-post,hx-put,hx-deletepara definir o tipo de requisição. - Especifique o alvo da atualização com
hx-target. - Controle quando a requisição é disparada com
hx-trigger. - Prefira respostas HTML do servidor em vez de JSON para simplificar o fluxo.
Exemplo
<button hx-get="/clicked" hx-target="#resultado">Clique Aqui</button>
<div id="resultado"></div>
Isso enviará uma requisição GET para /clicked e colocará a resposta HTML dentro da div com id resultado.
Integração com Backend
HTMX funciona com qualquer linguagem de servidor que retorne HTML (ex.: Python, Ruby, Node.js, Go). Certifique-se de que suas rotas retornem fragmentos HTML em vez de páginas completas para atualizações parciais.