Storybook Paris #3 - What's your status?

Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It's open source and free. T﻿he Storybook community in Paris organises events around Storybook, front-end development and Design Systems.

Storybook Community Paris

Join us to learn about Storybook's latest features and how frontend experts communicate and monitor the status of their components and code!

55 Rue d'Amsterdam

In this third installment of our Storybook Paris meetup series, hosted by Algolia, we'll tackle the status of frontend library content!The event will consist of three short talks followed by a networking get-together with food and drinks. Talks will be livestreamed on <a href="https://www.youtube.com/@chromaticui" title="https://www.youtube.com/@chromaticui" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">Chromatic's YouTube channel</a>. Agenda:We're proud to announce new features in Storybook 8.4 that will directly support status-related workflows for component library maintainers. We'll show you many examples of what you can build with them.With us, we'll have Pierre-Yves Vignau, tech lead of the France Télévisions Design System, to teach us how to synchronise component status between Figma and Storybook, making it so much easier for developer and designer teams to collaborate!Next, Julien Déramond, tech lead of the Orange Design System and Bootstrap core team member, will showcase a tool that helps Bootstrap users monitor the use of deprecated classes in production. With that, you'll be equipped to build tools covering the whole lifecycle of your own code libraries! Location:Algolia office @ 55 Rue d'Amsterdam, 75011 Paris.When you arrive, please take the lift to the 6th floor and register at the check-in counter.

Agenda

Welcome word from our host Algolia

Did you know you can annotate stories and components with tags in Storybook? Starting with 8.4, you can filter content in the sidebar based on tags. We're also introducing an addon that displays tags as badges, both in the toolbar above a story preview and in the sidebar. We'll show you how to use tags to build many workflows like versioning, deprecation notices, feature announcements, compliance statuses, and so much more!

Storybook 8.4: introducing tag filtering and tag badges

As design systems scale, keeping code implementations aligned with design becomes increasingly challenging. Yet, manually maintaining status tables is unrewarding, error-prone and time-consuming work.
By establishing Figma as the single source of truth for component metadata, and by versioning our components, we can automate status management and rely on Storybook to provide up-to-date information as close as possible to where developers search for design system information. This session showcases how to implement such an automation.
Whether you're a designer or developer, you'll leave with actionable insights to establish your own automated pipeline and to build your own workflows on top of it.

Synchronise Component Status Between Figma and Storybook

Framework upgrades happen, but not everyone can upgrade at the same time. As Bootstrap maintainers, we recognize our role goes beyond just shipping new versions—we need to help teams navigate these transitions smoothly. Enter our browser extension: a simple tool that spots outdated Bootstrap classes right in your production environment. No source code access needed, no complex setup required. Beyond just finding deprecated classes, we'll explore how this approach opens doors for broader applications, from validating design systems to helping other framework communities. Join us to see how the humble browser extension can become a powerful ally in keeping web applications current.

Storybook Paris #3 - What's your status?

Plus d'événements de Storybook Community Paris

Découvrez d'autres événements de Storybook Community Paris, de Entreprise à d'autres expériences que vous pourriez aimer.

Vous cherchez toujours le bon événement ?

Explorez tous les événements à Paris et filtrez par date, catégorie et plus encore pour trouver celui qui vous convient le mieux.

Storybook Paris #3 - What's your status?

Plus d'événements de Storybook Community Paris

Découvrez d'autres événements de Storybook Community Paris, de Entreprise à d'autres expériences que vous pourriez aimer.

Vous pourriez aussi aimer...

Parcourez d'autres événements avec différentes dates, prix et formats pour trouver votre prochaine expérience.

Vous cherchez toujours le bon événement ?

Explorez tous les événements à Paris et filtrez par date, catégorie et plus encore pour trouver celui qui vous convient le mieux.