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

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

Jean-Phi Baconnais
August 10, 2021
Programming
0
16

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
🗄️Et si vous mettiez à disposition vos jobs de CI/CD sur une étagère ?
jeanphibaconnais
0
16
Touraine Tech - Késako, il crée son propre runner GitLab quand il démarre son environnement de dev Gitpod
jeanphibaconnais
0
95
L'open source rendu beaucoup plus accessible avec Gitpod 🫶
jeanphibaconnais
0
95
GitLab 💚 Kubernetes
jeanphibaconnais
0
18
_France_DevOps__-_20023-06-06_-_GitLab_Cloud_Seed_____le_déploiement_de_votre_application_sur_Google_Cloud_sans_difficulté.pdf
jeanphibaconnais
0
22
Késako ⁉, il crée son propre runner GitLab quand il démarre son environnement de dev Gitpod : 🤯
jeanphibaconnais
0
94
Cloud Seed 🌱- le voyage extraordinaire promis par GitLab pour déployer rapidement votre application sur GCP
jeanphibaconnais
0
310
L'open source ? Vous allez voir, ce n'est pas que du développement
jeanphibaconnais
0
60
Qui a dit qu’il fallait avoir un JDK sur son poste pour développer une application Java ? …
jeanphibaconnais
0
31

Other Decks in Programming

See All in Programming
責務を分離するための例外設計 - PHPカンファレンス 2024
kajitack
8
1.9k
コンテナをたくさん詰め込んだシステムとランタイムの変化
makihiro
1
150
Semantic Kernelのネイティブプラグインで知識拡張をしてみる
tomokusaba
0
180
【re:Growth 2024】 Aurora DSQL をちゃんと話します！
maroon1st
0
810
Итераторы в Go 1.23: зачем они нужны, как использовать, и насколько они быстрые?
lamodatech
0
980
Online-Dokumentation, die hilft: Strukturen, Prozesse, Tools
ahus1
0
100
ドメインイベント増えすぎ問題
h0r15h0
2
430
テストコード文化を0から作り、変化し続けた組織
kazatohiei
2
1.5k
PSR-15 はあなたのための ものではない？ - phpcon2024
myamagishi
0
180
Jakarta EE meets AI
ivargrimstad
0
280
php-conference-japan-2024
tasuku43
0
360
DevFest - Serverless 101 with Google Cloud Functions
tunmise
0
130

Featured

See All Featured
Code Reviewing Like a Champion
maltzj
521
39k
Side Projects
sachag
452
42k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
Mobile First: as difficult as doing things right
swwweet
222
9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
1
110
Designing on Purpose - Digital PM Summit 2013
jponch
116
7k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.9k

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/