$30 off During Our Annual Pro Sale. View Details »

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
120
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
30
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
120
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
AIコーディングエージェント（NotebookLM）
Avatar for kondai kondai24
0
150
全員アーキテクトで挑む、 巨大で高密度なドメインの紐解き方
Avatar for Agata Naomichi agatan
8
19k
関数の挙動書き換える
Avatar for takato fukui takatofukui
4
770
宅宅自以為的浪漫：跟 AI 一起為自己辦的研討會寫一個售票系統
Avatar for 高見龍 eddie
0
480
20251127_ぼっちのための懇親会対策会議
Avatar for kokamoto01 kokamoto01_metaps
2
420
手が足りない！兼業データエンジニアに必要だったアーキテクチャと立ち回り
Avatar for zinkosuke zinkosuke
0
510
チームをチームにするEM
Avatar for hitode909 hitode909
0
260
TUIライブラリつくってみた / i-just-make-TUI-library
Avatar for kazto kazto
1
320
複数人でのCLI/Infrastructure as Codeの暮らしを良くする
Avatar for Shoma Okamoto shmokmt
5
2.2k
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
190
sbt 2
Avatar for kenji yoshida xuwei_k
0
220
Reactive Thinking with Signals and the new Resource API
Avatar for Manfred Steyer manfredsteyer
PRO
0
170

Featured

See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.1k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.9k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
1k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.7k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.7k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k

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/