Go to content

Blog

31 March 2023

Keep Storybook up to date over time with story-based testing

The new Play feature is the key to bring interactivity into your Storybook. Learn how to integrate it into your documentation and your testing scenarii

14 March 2023

Keep Storybook up to date over time with story-based testing

Like any business app, Storybook must be tested to avoid regressions. The CSF 2.0 format allows interfacing with Jest and Testing Library so that Stories become the entry point for the testing strategy, and component updates can be made with peace of mind.

7 March 2023

Display a component in a story and make its arguments editable on the fly

In this second article of the Storybook series, it's time to get your hands in the code to find out how to actually create a story using the CSF-2 standard and customize its parameters so that it can be used by all stakeholders of your organization.

28 February 2023

How to structure a Storybook instance?

Storybook can take your UI development to the next level. But despite its power, some frontend teams are still hesitant to integrate it into their workflow. In this series of articles, we'll explore how to setup Storybok so it can help you to achieve your business goals faster.

24 January 2023

Varying your retrospective formats - Pimp my retro (2/2)

Organizing a retrospective for your team is a chore? At the end of each sprint, you randomly choose a format without much conviction? You have trouble identifying improvement actions for the next…

13 January 2023

The foundations of a successful retrospective - Pimp my retro (1/2)

Organizing a retrospective for your team is a chore? At the end of each sprint, you randomly choose a format without much conviction? You have trouble identifying improvement actions for the next…

9 August 2021

Restore faith in Redux thanks to React hooks

Redux is a formidable library that applies the Flux architecture principles to manage a centralized data store for your app. Since Dan Abramov presented it at ReactEurope 2015 , it quickly becomes…

31 May 2021

Document your UI components with Storybook

This article has originally been published into Troopers Web Republic 's blog Storybook offers the front-end developers an isolated development environment, but it also provides everyone an interface…

28 May 2021

How to animate a React component with Framer Motion?

For a few years, micro-animations became more and more popular in web apps, and they are not only reserved for native mobile apps. Using them is a way to drive the user during his navigation or to…

11 January 2021

The design system : foundations of an efficient product and a consistent UX

An efficient product offers its users a consistent experience into the various entry points they have with the brand (mobile and web apps, emails, landing pages, social networks...) Therefore, a…

23 March 2020

Sorting arrays for humans with natural sort order

As a computer engineering student, I had to learn several sort algorithms: quicksort, heap sort, bubble sort... To be honest, I only used them once, during a job interview when I was searching for my…

17 January 2020

10 tips to become a better developer

After a courses I gave to students at the Ecole Centrale Nantes, we chatted about strategies on to adopt as a junior developer to develop skills

3 January 2020

Gatsby vs Next.js

Both Gatsby and Netx.JS have evolved a lot since I wrote these words in early-2020. Use this article with caution. Last year, I was given the opportunity to work with Gatsby and Next.js . Both of…

11 July 2019

Prepare a nice onboarding for your new team member

You’ve hired the perfect person to join your team. He passed all the tests, he has a good spirit that fits your team’s, and you’ve waited long enough to let him quit his previous job and maybe even…

10 October 2018

Introduction to CSS Grid Layout

Learn how to use Grid Layout, the latest big feature of CSS

4 October 2016

Modern Frontend Architecture

This article will deal with front-end architectural concepts. It is heavily based on Lee Byron's talk at Fullstack Fest 2016 in Barcelona about Immutable User Interfaces, but also on UI architecture I implemented at iAdvize.

Terms and conditions - © Johan Soulet

Made with ❤️ in Nantes