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

Construire sa bibliothèque de composants avec Storybook

Jean-Phi Baconnais
August 10, 2021
Programming
0
14

Construire sa bibliothèque de composants avec Storybook

Jean-Phi Baconnais

August 10, 2021
Tweet

More Decks by Jean-Phi Baconnais

See All by Jean-Phi Baconnais
Touraine Tech - Késako, il crée son propre runner GitLab quand il démarre son environnement de dev Gitpod
jeanphibaconnais
0
35
L'open source rendu beaucoup plus accessible avec Gitpod 🫶
jeanphibaconnais
0
77
GitLab 💚 Kubernetes
jeanphibaconnais
0
14
_France_DevOps__-_20023-06-06_-_GitLab_Cloud_Seed_____le_déploiement_de_votre_application_sur_Google_Cloud_sans_difficulté.pdf
jeanphibaconnais
0
20
Késako ⁉, il crée son propre runner GitLab quand il démarre son environnement de dev Gitpod : 🤯
jeanphibaconnais
0
77
Cloud Seed 🌱- le voyage extraordinaire promis par GitLab pour déployer rapidement votre application sur GCP
jeanphibaconnais
0
250
L'open source ? Vous allez voir, ce n'est pas que du développement
jeanphibaconnais
0
56
Qui a dit qu’il fallait avoir un JDK sur son poste pour développer une application Java ? …
jeanphibaconnais
0
29
L’expérience développeur par Quarkus 2.0
jeanphibaconnais
0
12

Other Decks in Programming

See All in Programming
VS Code をプロダクトにどう取り込むか
onomax
1
710
"config" ってなんだ？ / What is "config"?
okashoi
0
320
Exploring the Implementation of “t.Run”, “t.Parallel”, and “t.Cleanup”
akarin
1
110
CREってこういうこと？ 体験入社 - 提案資料 - / what-is-cre-trial-employment
shinden
1
520
StoreKit2によるiOSのアプリ内課金のリニューアル
kangnux
0
120
Documentation for users with AsciiDoc and Antora
ahus1
0
370
SwiftUIで使いやすいToastの作り方 / How to build a Toast system which is easy to use in SwiftUI
lovee
3
170
見た目から始める生産性向上
ikumatadokoro
10
1.4k
2 週間で Twitter Bot を作ってみた
contour_gara
0
770
はてなにおける CSS Modules、及び CSS Modules に足りないもの / CSS Modules in Hatena, and CSS Modules missing parts
mizdra
7
970
Fast JSX: Don't clone props object #28768
yossydev
1
180
SIMD Parallel Programming with the Vector API
josepaumard
0
230

Featured

See All Featured
Code Review Best Practice
trishagee
56
15k
Navigating Team Friction
lara
179
13k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
Building Your Own Lightsaber
phodgson
100
5.7k
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
Building an army of robots
kneath
300
41k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
Embracing the Ebb and Flow
colly
80
4.2k
Stop Working from a Prison Cell
hatefulcrawdad
267
19k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
79
43k
Making the Leap to Tech Lead
cromwellryan
125
8.5k

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/