Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Construire sa bibliothèque de composants avec S...

Avatar for Jean-Phi Baconnais Jean-Phi Baconnais
August 10, 2021
Programming
0
21

Construire sa bibliothèque de composants avec Storybook

Avatar for Jean-Phi Baconnais

Jean-Phi Baconnais

August 10, 2021
Tweet

More Decks by Jean-Phi Baconnais

See All by Jean-Phi Baconnais
Et si GitLab Duo devenait votre nouvel ami codeur imaginaire ?
Avatar for Jean-Phi Baconnais jeanphibaconnais
0
25
🗄️Et si vous mettiez à disposition vos jobs de CI/CD sur une étagère ?
Avatar for Jean-Phi Baconnais jeanphibaconnais
0
32
Touraine Tech - Késako, il crée son propre runner GitLab quand il démarre son environnement de dev Gitpod
Avatar for Jean-Phi Baconnais jeanphibaconnais
0
140
L'open source rendu beaucoup plus accessible avec Gitpod 🫶
Avatar for Jean-Phi Baconnais jeanphibaconnais
0
110
GitLab 💚 Kubernetes
Avatar for Jean-Phi Baconnais jeanphibaconnais
1
35
_France_DevOps__-_20023-06-06_-_GitLab_Cloud_Seed_____le_déploiement_de_votre_application_sur_Google_Cloud_sans_difficulté.pdf
Avatar for Jean-Phi Baconnais jeanphibaconnais
0
29
Késako ⁉, il crée son propre runner GitLab quand il démarre son environnement de dev Gitpod : 🤯
Avatar for Jean-Phi Baconnais jeanphibaconnais
0
110
Cloud Seed 🌱- le voyage extraordinaire promis par GitLab pour déployer rapidement votre application sur GCP
Avatar for Jean-Phi Baconnais jeanphibaconnais
0
350
L'open source ? Vous allez voir, ce n'est pas que du développement
Avatar for Jean-Phi Baconnais jeanphibaconnais
0
68

Other Decks in Programming

See All in Programming
コードとあなたと私の距離 / The Distance Between Code, You, and I
Avatar for YAMAOKA Hiroyuki hiro_y
0
200
contribution to astral-sh/uv
Avatar for Shunsuke Tsuchiya shunsock
0
560
Vueのバリデーション、結局どれを選べばいい？ ― 自作バリデーションの限界と、脱却までの道のり ― / Which Vue Validation Library Should We Really Use? The Limits of Self-Made Validation and How I Finally Moved On
Avatar for ねぎなす neginasu
2
1.7k
スキーマ駆動で、Zod OpenAPI Honoによる、API開発するために、Hono Takibiというライブラリを作っている
Avatar for N Akita nakita628
0
330
三者三様 宣言的UI
Avatar for Keita Kagurazaka kkagurazaka
0
280
Amazon Verified Permissions実践入門 〜Cedar活用とAppSync導入事例/Practical Introduction to Amazon Verified Permissions
Avatar for MURAKAMI Masahiko fossamagna
2
100
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
570
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
370
理論と実務のギャップを超える
Avatar for kmuto eycjur
0
200
TransformerからMCPまで（現代AIを理解するための羅針盤）
Avatar for MIKIO KUBO mickey_kubo
7
5.7k
Blazing Fast UI Development with Compose Hot Reload (droidcon London 2025)
Avatar for Márton Braun zsmb
0
390
Building, Deploying, and Monitoring Ruby Web Applications with Falcon (Kaigi on Rails 2025)
Avatar for Samuel Williams ioquatix
4
2.6k

Featured

See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
940
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
66k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
700
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.9k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
34
2.3k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.6k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k

Transcript

  1. Construire sa bibliothèque de composants avec Storybook

  2. @JPhi_Baconnais

  3. Pourquoi ?

  4. Pour moi le front, c’est 👉 https://unsplash.com/@thomascouillard

  5. https://unsplash.com/@whoishimesh Quand on arrive sur un projet ...

  6. None

  7. Construire une bibliothèque de composants

  8. Isolation des composants

  9. Définition et visualisation des différents état des composants

  10. Visualisation de l’aspect responsive

  11. Démo

  12. Ok pour le dév et ?


  13. Partager des composants

  14. Storybook BBC

  15. Des modules complémentaires Tests de non-régression visuelle Add-on

  16. None

  17. Merci @JPhi_Baconnais https://storybook.js.org/ https://storybook.js.org/tutorials/