Executando verificação de segurança...
1
omarciano
1 min de leitura ·

APIs reutilizáveis com HTMX

Descobri ontem a lib HTMX (meio atrasado...) e estou acostumado a fazer aplicações em react, next, vue, entre outros frameworks e fiquei com uma dúvida a respeito de como eu poderia escalar esse tipo de projeto.

Suponha que eu preciso construir uma aplicação mobile e um site que consomem os mesmos dados guardados em um mesmo banco de dados.

O que estou acostumado a fazer é construir uma API (seja com express, fastAPI ou qualquer lib do tipo em qualquer linguagem) que interage diretamente com o banco de dados, processa e fornece os dados em JSON, o qual eu consumiria por requisições HTTP à API tanto no site quanto no app.

A minha dúvida é se, com o uso de htmx no website, eu deveria consumir os dados diretamente do DB ou usar o backend para consumir da API em JSON e transformar em html?

Carregando publicação patrocinada...
1
raton

Vamos fazer como o jack estripador e ir por partes:

vc n precisa de htmx pra fazer uma api reutilizavél, sua api pode mudar o formato de resposta pra html ou json usando manipulação de cabeçário.

o uso do htmx é pra casos que vc n quer criar um frontend, usando algum framework fullstack ou algum backend que renderize as paginas web assim sem precisar de um projeto react pra client side.

O caso de vc combinar jaon e htmx é vc ter uma aplicacao fullstack e um app mobile por exemplo, na aplicação fullstack vc usa o htmx combinafo com algum renderizador (no caso do express jade ou handlebars) dai vc faz um app fullstack e ajusta alguns endpoints pra trocar a renderização de json pra html combinado com as tags do htmx

1
omarciano
Autor
Autor

obrigado pela resposta! o que eu entendo como um contra do htmx é o fato de que o backend pra fazer ele funcionar (que retorna html e nao json) nao tem como ser reutilizado para outras aplicações. E se um outro serviço quisesse implementar a lógica de criação de usuário do site, por exemplo? eu teria que escrever todo o codigo que conecta com o db e faz a operação no outro servico de novo?

1