Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Jean-Phi Baconnais Jean-Phi Baconnais
August 10, 2021
Programming
40
0

Construire sa bibliothèque de composants avec Storybook

Avatar for Jean-Phi Baconnais

Jean-Phi Baconnais

August 10, 2021

More Decks by Jean-Phi Baconnais

See All by Jean-Phi Baconnais
A la croisée de la DevEx et de GitLab : 3 jalons pour reprendre le contrôle de votre CI !
Avatar for Jean-Phi Baconnais jeanphibaconnais
0
63
Open Source for Everyone: Why (and How) to Take the Leap
Avatar for Jean-Phi Baconnais jeanphibaconnais
0
11
Quand ADK rencontre Javelit ☕
Avatar for Jean-Phi Baconnais jeanphibaconnais
0
12
Et si GitLab Duo devenait votre nouvel ami codeur imaginaire ?
Avatar for Jean-Phi Baconnais jeanphibaconnais
0
56
🗄️Et si vous mettiez à disposition vos jobs de CI/CD sur une étagère ?
Avatar for Jean-Phi Baconnais jeanphibaconnais
0
53
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
200
L'open source rendu beaucoup plus accessible avec Gitpod 🫶
Avatar for Jean-Phi Baconnais jeanphibaconnais
0
140
GitLab 💚 Kubernetes
Avatar for Jean-Phi Baconnais jeanphibaconnais
1
59
_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
58

Other Decks in Programming

See All in Programming
Optunaを作ったときにやりたかったこと、その後 (2026/10/16, Optuna Meetup #3)
Avatar for Takuya Akiba iwiwi
4
1.4k
[DroidKnights 2026] Workflow AX: From Auto-Documented Policies to E2E Testing
Avatar for raeminKang raeminkang
0
510
S3 TablesのIcebergデータに、AIエージェントからアクセスしてみた / 20261016developersio2026joetsu-accessing-iceberg-in-s3tables-via-agent
Avatar for kasacchiful kasacchiful
PRO
0
270
AI駆動開発4年目の現在地（『あなたはFDEになるべきか？』イベント資料）
Avatar for 熊井悠 kumaiu
0
130
まずはコードより業務と向き合う：テーブル解体のためにPdMを呼んだ話
Avatar for さかうぇ sakawe_ee
0
140
複雑なUIコンポーネントとの ⻑い付き合い⽅：波及するバグからテスト戦略を経て、安全な再設計へ
Avatar for masahiko.asai mixplace
0
510
Railsバージョンを4倍にした話
Avatar for OPTiM optim
0
920
クラウドエージェントは、 何がそんなに便利なのか / what makes cloud agents so useful
Avatar for r-kagaya rkaga
5
730
AI時代のIaC入門 〜なぜインフラをコードで管理したいのか？〜 / Introduction to IaC in the AI Era
Avatar for アキキー | Akihisa Ikeda akihisaikeda
6
1.4k
小さなアプリを作って公開するまで
Avatar for onozaty onozaty
0
110
DroidKnights 2026 Android A2UI Jetpack Compose 기반의 안전한 AI UI 렌더링 - 박제창
Avatar for JaiChangPark itsmedreamwalker
1
150
우리의 Nitro Modules는 당신의 Turbo Modules보다 아름답다
Avatar for HyunWoo Lee l2hyunwoo
0
250

Featured

See All Featured
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
970
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
68
60k
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
610
Between Models and Reality
Avatar for mayunak mayunak
4
550
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
2
2.2k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
610
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
670
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
50
10k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
7.1k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
699
190k

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/