Du REACT dans une application SYMFONY 🤯

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

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

50% 1

Article: yoandev.co
----------
FORMATION CI/CD pour les Devs (PHP) avec GitLab CI et GitHub Actions !
formation.yoandev.co/ci-cd-po...
----------
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/yoandev.co
----------
Retrouvez-moi sur :
Twitter : / yoyo38
LinkedIn : / yoan-bernabeu
Malt : www.malt.fr/profile/yoanbernabeu
----------
Me contacter :
contact@yoandev.co

Наука

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

21 окт 2022

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@eriuden Год назад

Depuis le temps que je voulais voir en action cette fameuse combinaison react symfony, merci à toi Yoan !

@denisl3584 Год назад

Super vidéo! Merci à toi Yoan encore une fois cela éclaire ma lanterne sur des questions que je me posais 🙂

@cyraile Год назад

Merci pour la découverte et la simplicité. Au top comme toujours.

@yoandevco Год назад

Merci 😘 J'suis absolument sous le charme de la simplicité de Symfony UX React 👌

@sweetime Год назад

C'est juste insane, merci pour la découverte

@yoandevco Год назад

C'est d'la bombe j'suis bien d'accord 👌

@pierredent4324 Год назад

Super tuto! Un grand merci à toi!

@TheSabrow Год назад

Coucou merci pour ce partage , une vidéo qui manquait sur youtube quand je l'ai cherché, très utiles comme tes autres vidéos !

@elinorifergan2469 Год назад

Super vidéo, bravo !

@_rasheed_ Год назад

Super. Je suis entrain de mettre en place les checkout PayPal et stripe sur mon projet symfony à l'aide de react, c'est propre et canon

@mathieuregnier2262 Год назад

Merci pour le partage Yoyo ! 😉

@yoandevco Год назад

Avec plaisir !

@jongrt9110 Год назад

Merci pour le partage Yoan, c'est super clair et concis. Un petit exemple de nécessité d'une telle mise en place ? J'ai du mal à me projeter j'avoue !

@rational_believer974 2 месяца назад

Simple et efficace, merci !

@stephanotzafindratafa340 Год назад

Merci pour la qualité de tes tutoriels. Super claire comme d'hab. Comme environnement de bureau tu es sous linux ou mac? Si tu es sur linux, je peux avoir le nom de ton environnement de bureau ?

@fredericrannou7982 Год назад

Merci Yoan pour cette vidéo. Pourrais tu faire le même genre de présentation, mais avec VueJS ? merci

@mendiantjulith4211 Год назад

Cool la vidéo, est ce que c'est possible de faire du react component avec typescript?

@ChrisKiller666 Год назад

Super merci. maintenant il faudrait voir comment taper une URL en Ajax pour mettre à jour du contenu

@arnaud1694 Год назад

Excellente vidéo !! Possibilité d'utiliser typescript avec ? Si oui comment typer les entité venant de doctrine ?

@mathieuc7385 Год назад

Merci pour ta video, sujet interessant , par contre ca sert qu'a afficher des datas dans twig avec un composant react ? si on doit envoyer des datas vers symfony on fait comment ( formulaire par exemple) ? Si on doit faire des fetch pour ca dans le composant je trouve que ca limite quand meme beaucoup l'interet.

@tutomarks Год назад

Bon bah voilà qui complète les 2 vidéos que j'avais faites sur l'intégration de React dans un projet SF sans utiliser Symfony UX 👌 Au top comme d'habitude Yoan 👍

@yoandevco Год назад

C'est bien complémentaire c'est clair 👌 Merci pour ton p'tit mot 😘

@matthieureichstadt3149 8 месяцев назад

Salut, est-ce que tu as en stock un petit tuto pour faire les appels à la bdd et renvoyer vers la vue en react avec symfony ux? sans passer par une API. Super vidéo encore une fois je me répète ^^

@ludovicdelplanque3134 Год назад

Salut, merci pour la vidéo, mais je ne vois aucun lien sur ton article ou ton gitlab qui donne les lignes de commandes que tu as tapé ou le code que tu as rentré, est-ce normal ?

@sylvie5648 8 месяцев назад

Merci 😀

@bandedecodeurs Год назад

Au top Yoan, comme toujours ! Super intéressant de pouvoir inclure "facilement" React dans un projet Symfony !

@yoandevco Год назад

Merci beaucoup 😘

@Tom-rk3lo 9 месяцев назад

Super video merci ! Est-ce que tu peux faire une vidéo pour expliquer comment on transmets les props au composant sur twig lorsque il s'agit d'un objet ? Par exemple tu a fait : {{ react_component ('MyComponent', {'fullname' : 'YohanDev' } )} Mais qu'en est t'il du cas ou on a plusieurs informations ex : firstname, lastName, age, adresse etc... ?

@olivierlejeune1950 Год назад

Merci pour la vidéo. Je vais peut être vieux jeu, mais je préfère coder le js moi même pour le comprendre, ça fait trop boite noire. Sinon pour le run watch avec tai,wind il ne faut pas sassloader ?

@yoandevco Год назад

Je comprends pour le côté boîte noire, mais sur un projet j'utilise un kit d'UI qui fournit des composants en React, j'avoue que c'est pratique quand même 😅 Pour saasloader, pas obligatoire pour utiliser Tailwind (mais nécessaire sur un véritable projet 🙃) Merci pour ton message 👌

@FuckWoke Год назад

Salut, pourrais-tu me dire quel thème tu utilises sur VScode stp ?

@jeromedelauney8350 Год назад

Que penses tu de la solution vitesjs-bundle + inertia.js ?

@taj8654 Год назад

Bonjour Yoan, Super tutoriel. Au fait, j'ai du mal à utiliser "process.env" pour récupérer les variables du fichier .env. J'ai essayé les modules "dotenv" et "dotenv-webpack", mais sans succès. Can any body help me ?

@fannytremel2484 Год назад

Merci

@pimouxosu Год назад

En vrai je trouve ça génial qu'ils aient intégré React même si j'y vois 1 ou 2 inconvénients côté UI/UX avec cette pratique

@kaya7731 Год назад

Coucou toi

@sebastienjean76 Год назад

Merci pour la vidéo ! Comment pourrait-on utiliser un formulaire (Symfony forms) avec une modal React (Headless UI) comme tu l'a fait dans la vidéo ?

@yoandevco Год назад

Avec plaisir ! C'est une excellente question à laquelle je n'ai pas encore de réponse, mais le sujet est dans une short liste de truc à tester 😅

@insertnamehere4550 Год назад

Perso j'utiliserais plutôt API Platform pour avoir quand même les validations d'entités et ferais un form en React.

@dyha4099 Год назад

C'est pas un architecture hybride ? Je connaissais avec react dans django mais je ne savais qu'on peut faire avec symfony

@yoandevco Год назад

C'est très pratique pour utiliser REACT par petites touches 👌

@riahimounir6695 Год назад

bjr, npm run build ne marche pas, pourriez vous m'aider!

@improvemyvalue 9 месяцев назад

slt, tu avais résolu le problème ? ni build ni watch ne fonctionne chez moi

@thibauttaglialatela4593 Год назад

Merci pour la vidéo. Je vais essayer de mettre ça dans mon projet Symfony.

@yoandevco Год назад

Amuse toi bien 💪

@bryanmottais8435 7 месяцев назад

je suis le seul qui bloque a 'npm run build' avec une erreur de se genre 'npm run build Debugger attached. npm ERR! missing script: build' ? J'ai pourtant bien les installs mais le fait de tenter ça dans un projet existant capote tout j'ai l'impression :/

@zacl889 3 месяца назад

J'ai le même problème que toi, tu a trouvé un moyen de réglé le problème ?

@trsiel8953 Год назад

Je vais faire le casse-couilles, désolé. Prononce bild, pas bUild ;)

@laurentquetier5100 Год назад

Pour corriger ton error côté watch, ça vient surement d'une config hardware. 😉 echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf Pour corriger le problème (peut-être adapter le max_user_watches

@yoandevco Год назад

Nickel, je vais tester ça 👌 Trop chelou, en préparant la vidéo j'ai peu ce phénomène 🙃

@lp177 Год назад

@@yoandevco peut être car tu a gardé un autre watch d'arborescence ouvert ou par que cette arborescence à grandit depuis, c'est directement lié à la quantité de fichiers surveillés