Les LiveComponents de Symfony offrent une solution efficace pour créer des interfaces dynamiques sans recourir à des bibliothèques front-end lourdes, en s'appuyant sur des attributs Twig et une stack simple. Leur simplicité d'utilisation, comme l'ajout d'attributs pour des fonctionnalités comme l'édition inline ou le live reload, les rend attractifs pour les développeurs back-end peu enclins au développement front-end. Cependant, leur utilisation intensive révèle des limites, notamment en matière de sérialisation des objets Doctrine complexes, comme les collections ou les relations entre entités.
L'auteur illustre ces limites avec un exemple concret où la sérialisation d'une collection d'entités Loan échoue, obligeant à recourir à des solutions comme l'activation du sérialiseur ou la définition de types concrets. Cette problématique, bien que simplifiée par rapport à une architecture front-end classique, montre que la promesse d'une solution "tout-en-un" s'effrite face à des cas d'usage avancés, comme la gestion de fichiers ou de collections complexes. Les LiveComponents, bien que puissants pour des démonstrations, révèlent des contraintes techniques qui peuvent compliquer leur adoption à grande échelle.
Les menus déroulants (dropdowns) fonctionnent bien jusqu’à ce qu’ils soient placés dans un conteneur scrollable, où ils peuvent être tronqués ou disparaître derrière d’autres éléments. Godstime Aburu explique pourquoi ce problème survient (lié à l’overflow, aux stacking contexts et aux containing blocks) et propose des solutions concrètes pour le résoudre, notamment en évitant les z-index arbitraires. Un article technique essentiel pour les développeurs front-end confrontés à ce bug récurrent.
Tyler Coderre partage sa méthodologie de design structurée en 25 règles clés, fruit de son expérience en UI/UX, design systems et front-end. Il insiste sur l’importance de clarifier l’idée centrale avant toute exécution, d’intégrer les contraintes organisationnelles et de privilégier le prototypage rapide pour tester les comportements plutôt que l’esthétique. Son approche alterne entre livraisons immédiates et fondations durables, tout en soulignant l’équilibre entre processus et intuition. Une lecture pragmatique pour designers et équipes cherchant à optimiser leur workflow.
Cet article présente des astuces pour améliorer l'expérience utilisateur des interfaces. Il aborde des détails comme l'équilibrage du texte avec text-wrap: balance, l'harmonisation des bordures avec des rayons concentriques, l'animation contextuelle des icônes, l'affinage du rendu textuel sur macOS avec antialiased, l'utilisation de chiffres tabulaires pour une largeur uniforme, et l'importance des animations interruptibles pour une interaction fluide. Ces techniques, bien que subtiles, contribuent grandement à la qualité perçue d'une interface.
Tout est dans le titre
Présentation des deux styles possibles de développement Front End d'applications avec Symfony : SPA vs Radical Simplicity
Une grosse liste d'outils
L'auteur montre comment utiliser Testing Library ( https://testing-library.com/ - un ensemble d'utilitaires pour faire des tests unitaires Front End ) avec Twig - dans un article précédent ( https://www.julienpradet.fr/tutoriels/testing-library-comment-rediger-des-tests-en-react/ ) il montrait l'utilisation avec React
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Une introduction aux pipelines d'intégration continue pour le dev front
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre