Discussion
Loading...

Post

Log in
  • About
  • Code of conduct
  • Privacy
  • Users
  • Instances
  • About Bonfire
sebsauvage
sebsauvage
@sebsauvage@framapiaf.org  ·  activity timestamp 6 days ago

#dev #web
Quelqu'un a déjà réalisé des projets avec htmx ? (Et avec quel back-end derrière ?)
Vous en pensez quoi ?

  • Copy link
  • Flag this post
  • Block
erik
erik
@erik@framapiaf.org replied  ·  activity timestamp 6 days ago

@sebsauvage je l'utilise sur un projet associatif. En backend, java avec #SpringMVC (qui a justement évolué pour gérer le retour de multiples fragments html en réponse à une requête http) et #Thymeleaf . Pas dans un cadre navigation type SPA mais plus pour actualiser quelques fragments de page. Plutôt bien fait pour moi qui ne suis pas fan de js...

  • Copy link
  • Flag this comment
  • Block
AurelDel
AurelDel
@AurelDel@mastodon.online replied  ·  activity timestamp 6 days ago

@sebsauvage j'ai fait un petit projet d'études avec Django. Très content d'avoir choisi htmx et pas un framework js lourd. J'ai juste été un peu perturbé par le nombre de fichiers html nécessaires (parfois juste une ligne), ça aide d'avoir une bonne structure de fichiers avec nomenclature claire.
Ce tutoriel m'a beaucoup aidé: https://www.mattlayman.com/blog/2021/how-to-htmx-django/

Matt Layman

How To Use Htmx In Django · Matt Layman

How do you use htmx (the lightweight JavaScript library that uses HTML markup) in Django? This article shows how and provides an example usage.
  • Copy link
  • Flag this comment
  • Block
M. Mi
M. Mi
@sevodric@mstdn.fr replied  ·  activity timestamp 6 days ago

@sebsauvage J'ai pas mal pratiqué le cousin Turbo avec Ruby on Rails. Perso j'aime beaucoup, ça pousse aux fondamentaux du web. C'est du SSR : c'est le back-end qui a la main sur l'affichage. Et faut pas hésiter a refresh une partie plus large de l'écran que ce que l'intuition des devs React voudraient (ils sont perdus, ils ont l'habitude de réfléchir en composant réactifs front, ça change complètement de paradigme). J'ai beaucoup aimé la lecture de Hypermedia Systems https://hypermedia.systems/

  • Copy link
  • Flag this comment
  • Block
AstroBoat
AstroBoat
@loptimist@piaille.fr replied  ·  activity timestamp 6 days ago

@sebsauvage Je l'ai utilisé sur un Intranet codé en Python (FastAPI, Jinja). Expérience très plaisante. Avec des view-transitions en CSS, ça met une vitesse à beaucoup de machins codés avec Next.js, React Router et analogue.

  • Copy link
  • Flag this comment
  • Block
Gabriel Pettier
Gabriel Pettier
@tshirtman@mas.to replied  ·  activity timestamp 6 days ago

@sebsauvage je sais que @david_guillot a de l'expérience avec.

  • Copy link
  • Flag this comment
  • Block
David Guillot
David Guillot
@david_guillot@social.tchncs.de replied  ·  activity timestamp 6 days ago

Oui @sebsauvage peut-être que tu as déjà vu le talk que j'ai donné sur le sujet, basé sur un cas réel de produit SaaS B2B (en anglais) : https://htmx.org/essays/a-real-world-react-to-htmx-port/.

Pour moi c'est devenu un outil du quotidien : je construis mes pages HTML avec les templates Django mais tu peux faire pareil avec n'importe quel outil de fabrication de site web comme depuis 1999.

Une fois mon HTML construit, je procède par amélioration progressive pour intégrer de l'interactivité via htmx. De cette manière, même une interface assez sophistiquée d'application web avec des composants interconnectés peut avoir une architecture et une supply chain aussi simples qu'un site web basique.

htmx est aussi engagé dans une logique de durabilité en évitant la course à la fonctionnalité.

@tshirtman

htmx ~ A Real World React -> htmx Port

David Guillot at Contexte gave what we are calling 'The Mother of All htmx Demos' at DjangoCon 2022. This essay summarizes this real-world case study of replacing React with htmx in a SaaS product, demonstrating significant improvements in code size, performance, and development team efficiency through the adoption of a hypermedia-driven architecture.
  • Copy link
  • Flag this comment
  • Block

bonfire.cafe

A space for Bonfire maintainers and contributors to communicate

bonfire.cafe: About · Code of conduct · Privacy · Users · Instances
Bonfire social · 1.0.1-alpha.41 no JS en
Automatic federation enabled
Log in
  • Explore
  • About
  • Members
  • Code of Conduct