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 👍
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 ^^
For some reason, doesn't work on Symfony 6.4 or Symfony 7+. had to install Symfony 6.1 for it to work. My guess is it's because of AssetMapper conflicting with Webpack on later versions, but even after removing AssetMapper from the composer dependencies, it still didn't work. Only way to make it work for me was to install a Symfony 6.1 project.
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 ?
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 👌
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... ?
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.
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 ?
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 ?
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 ?
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 :/
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 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
C'est juste insane, merci pour la découverte
C'est d'la bombe j'suis bien d'accord 👌
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
Merci pour la découverte et la simplicité. Au top comme toujours.
Merci 😘
J'suis absolument sous le charme de la simplicité de Symfony UX React 👌
Depuis le temps que je voulais voir en action cette fameuse combinaison react symfony, merci à toi Yoan !
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 !
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 !
Super merci.
maintenant il faudrait voir comment taper une URL en Ajax pour mettre à jour du contenu
Merci pour le partage Yoyo ! 😉
Avec plaisir !
Super vidéo! Merci à toi Yoan encore une fois cela éclaire ma lanterne sur des questions que je me posais 🙂
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 👍
C'est bien complémentaire c'est clair 👌
Merci pour ton p'tit mot 😘
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 ^^
Super tuto! Un grand merci à toi!
Merci Yoan pour cette vidéo. Pourrais tu faire le même genre de présentation, mais avec VueJS ? merci
Super vidéo, bravo !
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 ?
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 😅
Perso j'utiliserais plutôt API Platform pour avoir quand même les validations d'entités et ferais un form en React.
For some reason, doesn't work on Symfony 6.4 or Symfony 7+. had to install Symfony 6.1 for it to work. My guess is it's because of AssetMapper conflicting with Webpack on later versions, but even after removing AssetMapper from the composer dependencies, it still didn't work. Only way to make it work for me was to install a Symfony 6.1 project.
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 ?
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 👌
Simple et efficace, merci !
Excellente vidéo !!
Possibilité d'utiliser typescript avec ? Si oui comment typer les entité venant de doctrine ?
salut, juste j'ai une erreur de compilation de symfony ux-react est ce que quelqu'un sait pourquoi?
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... ?
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.
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
Coucou toi
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 ?
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 ?
Cool la vidéo, est ce que c'est possible de faire du react component avec typescript?
Que penses tu de la solution vitesjs-bundle + inertia.js ?
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 ?
Au top Yoan, comme toujours ! Super intéressant de pouvoir inclure "facilement" React dans un projet Symfony !
Merci beaucoup 😘
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 :/
J'ai le même problème que toi, tu a trouvé un moyen de réglé le problème ?
bjr,
npm run build ne marche pas, pourriez vous m'aider!
slt, tu avais résolu le problème ?
ni build ni watch ne fonctionne chez moi
C'est pas un architecture hybride ? Je connaissais avec react dans django mais je ne savais qu'on peut faire avec symfony
C'est très pratique pour utiliser REACT par petites touches 👌
Merci 😀
Merci pour la vidéo. Je vais essayer de mettre ça dans mon projet Symfony.
Amuse toi bien 💪
Merci
Je vais faire le casse-couilles, désolé. Prononce bild, pas bUild ;)
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
Nickel, je vais tester ça 👌
Trop chelou, en préparant la vidéo j'ai peu ce phénomène 🙃
@@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
@@yoandevco Coucou. C'est possible d'épingler le commentaire stp ?
Merci