Aller au contenu

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…

Mentions légales - © Johan Soulet

Fait avec ❤️ à Nantes