Une SPA avec SYMFONY et l'incroyable HTMX ❤️

Подписаться 20 тыс.

Просмотров 9 тыс.

50% 1

La conférence de Thibault : • Thibault Houdon - Comm...
HTMX : htmx.org/
----------
FORMATION CI/CD pour les Devs (PHP) avec GitLab CI et GitHub Actions !
formation.yoan...
----------
YoanDev est une chaine RU-vid qui vous propose régulièrement du contenu sur Symfony, Docker, DevOps et encore pleins d'autres sujets autour du développement ! N'oubliez pas de vous abonner et d'activer les notifications si ce n'est pas déjà fait :-)
Si vous avez des questions, des compléments ou des corrections à apporter vous pouvez laisser un commentaire sous la vidéo.
----------
Ressources :
Version "article" des vidéos sur le blog : yoandev.co/blog.
Codes sources des vidéos : gitlab.com/yoa...
----------
Retrouvez-moi sur :
Twitter : / yoyo38
LinkedIn : / yoan-bernabeu
Malt : www.malt.fr/pr...
----------
Me contacter :
contact@yoandev.co

Наука

Опубликовано:

5 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 77

@bigpapa59460 Год назад

Merci Yoan j'ai vu la conférence de Thibault j'avais adoré merci de la démo je vais de suite ouvrir mon IDE ❤️.

@yoandevco Год назад

Oui moi aussi j'ai adoré la conférence de Thibault, et il fallait que je test avec Symfony ! C'est malin, j'ai envie de refacto plein de projets 🤣

@ieldenkeljson8235 Год назад

Merci Yoan pour cette démo. Franchement je trouve ça extra, pour des tous petits projets ça peut être très utiles.

@yoandevco Год назад

Merci ! Clairement ça peut rendre de grands services très facilement 👌

@jony_b Год назад

J'adore ta réactivité, tu découvres le truc y a quelques heures et paf tu balances la vidéo ;) c'est vraiment cool de ta part !!

@bernard-ng Год назад

une alternative intéressante à Turbo super tuto

@yoandevco Год назад

Exactement. Je trouve HTMX plus intuitif que Turbo. A voir sur un vrai projet.

@Noctisy1506 Год назад

Trop bien que tu parles de l'HTMX ! J'ai un ami développeur python sur Berlin qui commences à l'utiliser et apparemment c'est super bien !

@yoandevco Год назад

Franchement c'est MA découverte du moment, et je ne comprends pas que l'on n'en parle pas plus. C'est tellement simple et génial à utiliser !

@LaurentAndriamifidy Год назад

Utilisé en prod avec django chez nous. Les devs front en sueur

@MrCedricoss Год назад

Wowww 😮! Merci Yoan pour cette vidéo et cette découverte ! Très bon relayage très bon tuto, j’ai hâte de l’utiliser !

@yoandevco Год назад

Merci beaucoup pour ton retour ! Let's go pour tester 😅

@Lomahn123 Год назад

Un truc cool. Faut que je check la doc pour voir toute les possibilités. Merci Yoann 😁👍

@xbird_ Год назад

Ça me rappelle mes débuts avec Xajax pour faire de l'Ajax via php, je pense que htmx ouvre tout un panel de possibilités vraiment sympa. Merci pour la vidéo 👌

@yoandevco Год назад

La simplicité de HTMX ouvre beaucoup de possibilités c'est clair !

@badaboumcat Год назад

C'est une mini révolution ce htmx ! Ça a l'air trop puissant et ça pèse rien ! 3 lignes de codes côté html pour remplacer je ne sais pas combien de lignes js, c'est beau !☺️☺️ Je file sur la doc et mon ide , m'amuser avec tout ça ! Merci Yoan !

@maitretofu Год назад

J'ai toujours été un peu sur ma faim avec tes vidéos. Mais htmx, belle re-découverte. Donc, merci.

@yoandevco Год назад

J'adore ton commentaire, et je sais pas quoi y répondre 🤣 Donc merci je suppose 😅

@cedric3173 Год назад

Bonne découverte, je vais approfondir HTMX. Merci

@yoandevco Год назад

Tu va voir c'est génial à utiliser, et d'une simplicité déconcertante !

@olivierlejeune1950 Год назад

Merci comme d’habitude pour tes découvertes, ça va donner un second souffle à la mode des modal popup

@yoandevco Год назад

Merci pour ton retour ! J'ai la sensation que cet outil va me faire changer de pratique sur certains détails, les modales, les formulaires... A suivre 👌

@florentd.5817 Год назад

Génialissime ! Je faisais des recherches sur Astro et j'imagine la combinaison avec htmx. Au passage merci pour vos tutos. Retour aux bases html et css.

@mimozasolalisis73 Год назад

Cool ! merci pour la découverte.

@yoandevco Год назад

Avec plaisir !

@rabarisonheriniaina361 Год назад

Merci Yoan, 💯

@hugostragier1710 Год назад

Super démo merci Yoan !

@andryrakotoarisoa9064 Год назад

Merci beaucoup, c' est vraiment intéressant,bonne continuation

@davidgodefroid Год назад

Top, merci ! J'utilise beaucoup UX Turbo qui permet plein de choses à ce niveau. Curieux de voir les différences 😉

@yoandevco Год назад

Merci ! C'est très similaire dans la finalité c'est clair. Mais je trouve, de prime à bord, HTMX plus simple à utiliser et moins "verbeux". A voir dans un vrai projet 👌

@TheDougeman Год назад

Superbe ! Merci pour la démo

@Actusenzo Год назад

Belle découverte ! Merci

@yoandevco Год назад

Avec plaisir !

@fonguenserge2344 Год назад

Merci Yoan pour cette demo

@mathieuregnier2262 Год назад

très cool comme découverte. Outil super léger 😀

@yoandevco Год назад

J'ai envie de l'utiliser de partout maintenant 🤣

@guillaumedelestanville9615 Год назад

C'est génial.

@mickaelmoret1480 Год назад

Merci Yoan très belle vidéo et très belle découverte !! TOP !! Ps je veut bien la liste de tes extension VSC j'adore comment tu la custom et les changement de couleur pour les div ça a l'air vraiment pratique

@RomainROYER Год назад

Ça a l'air dingue 😊

@androo1539 Год назад

Super vidéo. Est-ce que tu peux faire une vidéo avec l'extension websocket? et si possible un exemple autre que celui du chat?

@emilie1977 Год назад

ah regarder tout le processus m'a aidé bcp. Je ne comprenais pas pourquoi les formulaires n'avaient pas de style... On doit ajouter aussi des fichers php a la conf de tailwind ! Merci ps. si tu peux mettre le retour a la ligne sur vscode parfois peux être utile

@yoandevco Год назад

Hé hé, les petites subtilités de Tailwind 😅

@gedeonmakela9494 Год назад

J'ai vraiment aimé ta découverte, vue que j'étais à la recherche d'un outils similaire, j'ai voulu switcher sur turbo-links mais sa t'oblige d'éffectuer un peu trop de logic et de modification niveau serveur. Merci bcp encore

@yoandevco Год назад

Merci pour ton message ! C'est ça que j'ai bien aimé avec HTMX, c'est la simplicité de mise en place, avec finalement peut de modification de code à faire.

@Lilpimous 11 месяцев назад

Nouvelle librairie interessant permettant de se passer de framework front complexe

@patrickberte7346 Год назад

Simple et efficace

@yoandevco Год назад

👌

@lm62000 Год назад

C'est malin j'ai commencer mes project avec symfony UX puis j ai vu ta video symfony react. Je me suis dit cool je vais me mettre a react. Et maintenant tu me montre ca. Je sais plus ou donne de la tête pour faire du frontend un peu plus dynamique. Ps je vois que tu utilise énormément docker (moi aussi) as tu deja essayé lando ? Ca te creer un ensemble de docker( bdd, nodes,php,mail,...) avec en plus un domaine. Ca évite les localhost:8000

@yoandevco Год назад

Ha ha, plus de choix, plus de difficultés a faire un choix 😅 Pour Lando, déjà testé, mais je préfère une conf plus minimaliste : - Docker pour les services du genre DB, Queu, cache etc - Symfony CLI + PHP sur la machine La prise en charge des Docker compose par la CLI de Symfony simplifie grandement ce mode de fonctionnement. Pour les nom de domaine : je travaille sur plus de 15 projets en ce moment.... J'suis pas à ce genre de détails près 🤣 (possible avec la CLI Symfony ceci dit)

@vincentmoreau7957 Год назад

Merci, j'ai aussi quelques idées aussi de mon coté 🤩😋

@yoandevco Год назад

Faut nous en dire plus 🥸

@gouaks Год назад

Hello, c’est très intéressant pour dev plus vite. A chaud et n’ayant pas lu la doc, je dirais que c’est dommage que les urls ne suivent pas lors de la navigation

@yoandevco Год назад

Je crois que c'est possible de faire suivre les URLs. Il faudrait étudier la Doc plus en détail mais possible je crois.

@pierremartel5406 Год назад

Très intéressante cette librairie JS, merci de ce partage ! Au sujet de Tailwind, est-il nécessaire d'utiliser npm build à chaque fois, y aurait-il pas un moyen plus simple au lieu de le relancer à chaque fois ?

@zine-eddineykh915 9 месяцев назад

npm run dev ? Ca refera un build a chaque modif

@Philou_fwi Месяц назад

Bonjour , j'aimes bien ce tuto , cepandant j'ai remarqué que quand tu fait un appel il n'efface pas le menu j'ai été obligé de mettre les includes dans les pages contact/index par ex merci pour ce tuto

@heniroger4304 Год назад

Merci, yoan pour cette demo mais que différencie htmx et hotwire(turbo ux)

@yoandevco Год назад

Les deux lib ont le même objectif. J'ai trouvé, de prime à bord, HTMX plus intuitif et simple.

@RomanA-p6h Год назад

C'est étrange, mais cela n'affiche pas les demandes dans le panneau de débogage pour moi .. Bien que tout fonctionne comme prévu .. Qu'en pensez-vous - quel pourrait être le problème?

@sebastiensansbelle Год назад

Tu as abandonné Bootstrap pour Taillwind dans tes projets ?

@yoandevco Год назад

Uniquement mes projets perso (sauf une app en cours de refonte). Sur tous les projets pro sur lequel j'interviens sur du front, c'est 90% du Bootstrap, et 10% du PicoCss.

@maitretofu Год назад

Mais du coup pour symfony Symfony UX Live Components Symfony UX Swup Ca semble faire double emploi htmx ?

@yoandevco Год назад

Pour les lives components, ça peut remplir certaines missions et être un complément à HTMX. Ce que j'ai bien aimé avec HTMX c'est ça simplicité d'utilisation qui présage d'une facilité de maintenance je pense.

@gedeonmakela9494 Год назад

Je ne pense pas vraiment, parce que tu es libre d'utiliser la library ou pas. Symfony ne te l'impose pas du tout de les utiliser, sinon on parlera de la même chose au niveau frontend avec svelte & autres.

@maitretofu Год назад

@@gedeonmakela9494 rien n'est imposé mais travailler avec un écosystème commun est plutôt à recommander lors de projet en groupe. Mais bon , si tu es seul, pourquoi pas, ça semble pas si mal htmx

@gedeonmakela9494 Год назад

@@maitretofu Oui je comprend, mais je pense que le choix de la technologie à utiliser, ce fait en équipe !!

@moussineDEV Год назад

salut svp comment je peux valider mon formulaire ( Symfony 6 + HTMX)

@michellapalus5284 Год назад

top mzeci

@yoandevco Год назад

Merci Michel 😘

@brunogve5036 Год назад

Merci beaucoup Yoann pour cette découverte d'autant que je déteste 🤮 le JS. J'en appelle d'ailleurs à la communauté, j'ai essayé de customiser mon site en SPA comme montré dans la vidéo. Pas de problème pour remplacer le contenu de la div par de l'HTML. En revanche lorsqu'il y a du javascript à substituer comment fait-on? Si quelqu'un à une 💡 ...

@danielrmc Год назад

ça me rappelle Alpinejs ...

@yoandevco Год назад

Les deux ensemble sont une belle alternative aux framework JS 👌

@paulo3698 Год назад

Je crois que des appels ajax ont leur contenu non référencés par le seo

@yoandevco Год назад

Je crois que HTMX permet de modifier les URLs pour les rendre referencable/partageable, il faudrait checker la doc 👀

@RodrigueTech Год назад

First

@yoandevco Год назад

🤩

@harrymicro3358 Год назад

Bonjour Yoan, merci pour la vidéo. Pour le soucis que tu rencontres avec tes watcher, ça doit venir du fait que tu as pas assez de watcher de configuré. Tu peux voir cela avec cette commande : ``` cat /etc/sysctl.conf # or cat /proc/sys/fs/inotify/max_user_watches ``` Pour la modification : Perso j'ai mis un nombre assez élevé, mais à adapter selon ton besoin. ```bash echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p ```