Blog
31 mars 2023
D'une documentation statique à des tests interactifs avec la fonction Play de Storybook
La nouvelle fonctionnalité Play est la clé pour apporter de l'interactivité à votre Storybook. Apprenez comment l'intégrer dans votre documentation et vos scénarios de test.
14 mars 2023
Garder Storybook à jour en créant une stratégie de tests basée sur vos Stories
Comme toute application métier, Storybook doit être testé pour éviter les regressions. Le format CSF 2.0 permet de s’interfacer avec Jest et Testing Library pour que les Stories deviennent le point d’entrée de la stratégie de tests, et que les évolutions de composants se fassent en toute sérénité.
7 mars 2023
Afficher un composant dans une story et en rendre ses arguments modifiables à la volée
Dans ce deuxième article de la série sur Storybook, c'est l'heure de mettre les mains dans le code pour découvrir comment créer concrètement une story à l'aide du standard CSF-2 et en personnaliser les paramètres pour qu'elle soit utilisables par toutes les parties prenantes de votre organisation.
28 février 2023
Comment structurer une instance de Storybook ?
Storybook peut améliorer votre flow de développement d'interfaces. Mais malgré sa puissance, certaines équipes frontend hésitent encore à l'intégrer à leur workflow. Dans cette série d'articles, nous explorerons comment configurer Storybook pour vous aider à atteindre plus rapidement vos objectifs business.
24 janvier 2023
Faire varier ses formats de retro - Pimp my retro (2/2)
Organiser une retrospective pour votre équipe est une corvée ? A chaque fin de sprint vous choisissez un format au hasard sans grande conviction ? Vous avez du mal à faire émerger des actions…
13 janvier 2023
Les fondations d'une retrospective réussie - Pimp my retro (1/2)
Organiser une retrospective pour votre équipe est une corvée ? A chaque fin de sprint vous choisissez un format au hasard sans grande conviction ? Vous avez du mal à faire émerger des actions…
9 août 2021
Retrouver foi en Redux à l’aide des React hooks
Redux est une librairie formidable qui permet de gérer un state centralisé pour son application en appliquant les principes de l’architecture Flux. Depuis sa présentation par Dan Abramov à ReactEurop…
31 mai 2021
Documenter les composants de son interface avec Storybook
Article publié originellement sur le blog de Troopers Web Republic Storybook propose aux développeurs front-end un environnement pour développer en isolation mais fournit aussi aux acteurs externes…
28 mai 2021
Comment animer un composant React à l'aide de Framer Motion ?
Depuis quelques années, les micro-animations ne sont plus réservées uniquement aux applications mobiles natives et sont de plus en plus présentes dans les applications web. Parce qu'elles permettent d…
11 janvier 2021
Le design system : fondations d'un produit performant et d'une expérience utilisateur unifiée
Un produit performant propose à son utilisateur un expérience homogène, à travers les différents points de contact qu'il peut avoir avec la marque (applications mobiles et web, emails, landing pages…
23 mars 2020
Natural sort order : trier un tableau comme un humain
Lors de mes études d'ingénieur, j'ai du apprendre plusieurs algorithme de tri : quicksort, tri par tas, tri bulle... Pour être franc, je ne les ai utilisé qu'une seule fois par la suite. C'était lors…
17 janvier 2020
10 façons de devenir un•e meilleur•e développeur•euse
Après un cours que j'ai donné à des étudiant•es de l'Ecole Centrale de Nantes, nous avons discuté des stratégies à adopter en tant que jeune développeur•euse pour développer ses compétences.
3 janvier 2020
Gatsby vs Next.js
Gatsby et NextJS ont énormément évolué depuis que j'ai écrit ces mots au début de l'année 2020. Utilisez cet article avec précaution. L'année dernière, il m'a été donnée l'opportunité de travailler à…
26 décembre 2019
Dégooglisons nous
Je suis le genre de personne qui aime bien les rentrées ou les nouvelles années. Même si elles ne sont pas forcément tenues, c'est souvent le moment de prendre les fameuses "bonnes résolutions…
29 novembre 2019
5 mauvaises pratiques ReactJS à banir de son code
ReactJS et son ecosystème sont de plus en plus installés dans l'univers du développement front-end. Cependant, de part son manque de guidelines imposées, il est un outil très permissif aux mauvaises…
11 juillet 2019
Comment accueillir convenablement votre nouveau collègue
Vous avez réussi à engager la personne parfaite pour rejoindre votre équipe. Elle a passé tous les tests, son état d'esprit est en accord avec celui de l'entreprise, et vous avez attendu suffisament…