Les composants ont atterri dans le fluide
Auteurs : Simon Praetorius
Traduit par : Léo - W-Seils
Grâce à une idée budgétaire financée par Simon Praetorius, Fluid prend désormais en charge les composants, des balises personnalisées réutilisables qui rendent vos modèles plus clairs et plus faciles à utiliser. Dans cet article, Simon fait le point sur son travail et explique ce que cette nouvelle fonctionnalité signifie pour les développeurs TYPO3.
Comment les composants ont fait leur apparition dans Fluid
En février dernier, j'ai soumis l'idée budgétaire « Développement front-end basé sur des composants avec Fluid », qui a été sélectionnée. J'ai été très heureux que vous ayez choisi mon idée pour le deuxième trimestre, ce qui m'a permis de consacrer beaucoup de temps au développement open source au cours des trois derniers mois. Le résultat est désormais là : Fluid 4.3 est sorti, et les composants ont officiellement fait leur apparition dans Fluid.
Que sont les composants ?
Les composants Fluid sont des balises personnalisées de type HTML basées sur des modèles Fluid que vous pouvez réutiliser tout au long de votre projet. Le concept est similaire à celui des frameworks frontend populaires tels que React et Vue ou des composants Web natifs, mais ils sont rendus côté serveur par PHP.
<my:teaserCard title="TYPO3" link="https://typo3.org" icon="typo3" > le système de gestion de contenu professionnel et flexible </my:teaserCard>
Travailler avec des composants
Les composants utilisent la syntaxe ViewHelper existante que vous connaissez déjà. Cependant, il n'est pas nécessaire d'écrire du code PHP pour créer un composant. Au lieu de cela, Fluid achemine en interne la balise ViewHelper directement vers un fichier modèle, où vous définissez les arguments du composant, directement dans Fluid.
<f:argument name="title" type="string" />
<f:argument name="link" type="string" />
<f:argument name="icon" type="string" optional="{true}" />Pourquoi les composants sont-ils importants ?
Les composants introduisent un workflow moderne, basé sur les composants, qui rend votre frontend et votre intégration plus modulaires, cohérents et faciles à maintenir. Cette approche améliore la collaboration entre les différents métiers, tels que les développeurs front-end et back-end, en fournissant des API d'intégration claires.
Commencez à utiliser les composants
Vous pouvez commencer à utiliser les composants dès aujourd'hui dans vos projets TYPO3 v13 basés sur Composer en effectuant la mise à jour vers la dernière version de Fluid. Les projets non Composer devront attendre un peu plus longtemps, car la dernière version de Fluid doit d'abord être intégrée à TYPO3.
J'ai également consacré beaucoup de temps à la documentation. Le nouveau chapitre sur les composants dans Fluid Explained est un bon point de départ.
Partagez vos commentaires
J'aimerais connaître votre avis ! Rejoignez la discussion dans #typo3-fluid sur Slack, ou ouvrez un ticket sur GitHub si vous trouvez un bug.
J'espère que vous apprécierez les nouvelles fonctionnalités des composants de Fluid !