Symfony 7 : Asset Mapper

Ғылым және технология

Article ► grafikart.fr/tutoriels/symfon...
Nous allons dans ce chapitre parler un peu de la partie front-end et de la gestion des assets dans le cadre d'une application Symfony. Même si pour des besoins de bases il est possible de placer nos ressources dans le dossier `public`, le dossier `assets` offre plusieurs avantages :
Soutenez Grafikart:
Devenez premium ► grafikart.fr/premium
Retrouvez Grafikart sur:
Le site ► grafikart.fr
Twitter ► / grafikart_fr
Discord ► grafikart.fr/tchat

Пікірлер: 17

  • @SylvianVFX
    @SylvianVFX5 ай бұрын

    AssetMapper la meilleure découverte de 2023 pour moi, pour du progiciel qui n'a pas besoin de react. Ca permet d'avoir juste un PHP et pas de se casser la tête avec node, un packager etc etc Et dans le pire des cas si besoin de réactivité à certains endroits, bah HTMX fait amplement le boulot

  • @AmarExplorer
    @AmarExplorer5 ай бұрын

    Enfin une vidéo sur le assetMapper

  • @soleilfroid2615
    @soleilfroid26155 ай бұрын

    asset mapper viendrait-il vraiment simplifier le front ? on souhaite sass, il faut installer sass-bundle, on souhaite tailwind il nous faut tailwind-bundle, on souhaite typescript, typescript-bundle. finalement on rajoute des dépendances, des bundles à maintenir. je serais curieux de voir quels projets symfony vont utiliser assetmapper. Je suis donc mitigé et aurais plutôt souhaité qu'ils facilitent l'intégration d'autres bundler que webpack : vite / rollup ?

  • @Gog0
    @Gog05 ай бұрын

    Perso à l'heure actuelle je ne suis pas convaincu par l'asset mapper, sauf si on reste sur quelque chose vraiment très basique. Dès qu'on veut faire quelque chose d'un tout petit peu avancé (genre utiliser SASS ou Tailwind) on se retrouve à empiler plein de bundles non officiels Symfony pour chaque cas qui sort de l'ordinaire. Quid de la maintenance des ces bundles dans quelques années ? Au moins en apprenant webpack on acquiert des connaissances utiles pour travailler avec d'autres frameworks PHP ou même travailler sur des projets front. Bref, l'intention est bonne pour tirer parti des importmap, mais c'est pas encore mature par rapport à la réalité du terrain pour moi.

  • @medoklintok

    @medoklintok

    5 ай бұрын

    Entièrement d'accord 👍

  • @grafikart

    @grafikart

    5 ай бұрын

    Moi je ne suis pas fan du mélange, je pense que le framework backend ne devrait pas avoir d'opinion sur le front-end et laisser l'utilisateur choisir sa solution. Surtout que le front évolue plus rapidement que le back.

  • @Kimouss945
    @Kimouss9455 ай бұрын

    Hello, merci beaucoup pour cette vidéo ! Par contre, il n'y aura pas de sujet front-end mais pour ce qui est de Symfony UX couplé avec Asset Mapper ?

  • @grafikart

    @grafikart

    5 ай бұрын

    On parlera de Symfony UX plus tard dans la formation.

  • @Kimouss945

    @Kimouss945

    4 ай бұрын

    @@grafikart Je viens de voir que la suite est sortie ! Un énorme merci !

  • @duartecancela
    @duartecancela9 күн бұрын

    Sorry ask this question in English. Using Asset Mapper how can we make hot reload browser when we change twig files or any css? Thanks.

  • @klesk44
    @klesk445 ай бұрын

    Bonjour, merci pour ces informations. Est-il possible de faire cohabiter asset-mapper et Encore ?

  • @Etienne_Legrand

    @Etienne_Legrand

    4 ай бұрын

    Oui c'est possible, il suffit de faire l'installation des deux mais ça ne sert à rien d'utiliser les deux en même temps.

  • @klesk44

    @klesk44

    4 ай бұрын

    @@Etienne_LegrandJ'en suis pas certain, mais merci pour ta réponse ;)

  • @Lilpimous
    @Lilpimous4 ай бұрын

    Super video, comme d'hab! Asset mapper est prometteur pour tout ceux qui ne souhaite pas faire un front à par en Angular/React ou autre. En revanche, il y a quelques bizarerie ex: j'ai un problème avec l'utilisation de fontawesome, les icones ne s'affiche pas malgré l'import de @fortawesome/fontawesome-free/css/fontawesome.min.css et @fortawesome/fontawesome-free ...

  • @caape62
    @caape624 ай бұрын

    Bonjour Merci pour cette série sur Symfony 7. Pour mon nouveau taf, je dois passer un intranet sur base silex 3 (symfony 3 light) en symfony 7, donc, formation obligatoire. Dans cette vidéo, tu dis que désactiver "import './bootstrap.js';" dans app.js ne changera rien. Pour moi, ça change des choses. Je développe sur un serveur IIS, je n'ai jamais utilisé le serveur interne de PHP. et a la minute 25:19, ton flash s'affiche en rouge. Je n'avais pas ce flash. J'ai investigué et le formulaire ne se rafraichissait pas quand je cliquais sur "envoyer". Dans le profiler, c'était des requêtes AJAX qui passé mais qui ne mettaient pas a jour l'affichage. En cherchant plus, j'ai vu qu'il y avait des erreurs de chargement des fichiers JS quand on utilisait le serveur de PHP. J'ai donc enlevé le importmap dans le bas.html.twig et plus de problème mais plus la couleur bleu dans le fond. Ce n'était pas la bonne solution. J'ai regardé cette vidéo qui m'en a bien appris. Donc en commentant "import './bootstrap.js';", je n'ai plus de problème dans mon formulaire et j'ai encore le fond bleu. J'avais passé temporairement le site en mode prod, et plus le problème dans ce cas. Pour l'instant, je laisse désactivé et reverrais ça plus tard en repassant sur cette vidéo et les suivantes (Je fini juste le TP sur le formulaire de contact) Bonne continuation et encore pleins de vidéos dans ce genre

  • @grafikart

    @grafikart

    4 ай бұрын

    tu peux laisser désactiver, on parlera de ce qu'il y a dans ce fichier plus tard (chapitre Symfony ux)

  • @caape62

    @caape62

    4 ай бұрын

    @@grafikart Ok. merci. C'est un peu à quoi j'ai pensé quand j'ai trouvé un début de réponse dans une des vidéos suivantes, je me suis dit que tu en reparlerais plus tard ;)

Келесі