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 GitLab Duo devenait votre nouvel ami codeur imaginaire ?
jeanphibaconnais
0
17
🗄️Et si vous mettiez à disposition vos jobs de CI/CD sur une étagère ?
jeanphibaconnais
0
21
Touraine Tech - Késako, il crée son propre runner GitLab quand il démarre son environnement de dev Gitpod
jeanphibaconnais
0
100
L'open source rendu beaucoup plus accessible avec Gitpod 🫶
jeanphibaconnais
0
100
GitLab 💚 Kubernetes
jeanphibaconnais
1
24
_France_DevOps__-_20023-06-06_-_GitLab_Cloud_Seed_____le_déploiement_de_votre_application_sur_Google_Cloud_sans_difficulté.pdf
jeanphibaconnais
0
24
Késako ⁉, il crée son propre runner GitLab quand il démarre son environnement de dev Gitpod : 🤯
jeanphibaconnais
0
100
Cloud Seed 🌱- le voyage extraordinaire promis par GitLab pour déployer rapidement votre application sur GCP
jeanphibaconnais
0
320
L'open source ? Vous allez voir, ce n'est pas que du développement
jeanphibaconnais
0
62

Other Decks in Programming

See All in Programming
第3回関東Kaggler会_AtCoderはKaggleの役に立つ
chettub
3
1.1k
『GO』アプリ バックエンドサーバのコスト削減
mot_techtalk
0
150
クリーンアーキテクチャから見る依存の向きの大切さ
shimabox
4
910
CI改善もDatadogとともに
taumu
0
180
Datadog DBMでなにができる？ JDDUG Meetup#7
nealle
0
120
Djangoにおける複数ユーザー種別認証の設計アプローチ@DjangoCongress JP 2025
delhi09
PRO
4
410
負債になりにくいCSSをデザイナとつくるには？
fsubal
10
2.5k
Ça bouge du côté des animations CSS !
goetter
2
120
DRFを少しずつ オニオンアーキテクチャに寄せていく DjangoCongress JP 2025
nealle
2
210
ARA Ansible for the teams
kksat
0
170
ソフトウェアエンジニアの成長
masuda220
PRO
12
2k
お前もAI鬼にならないか？👹Bolt & Cursor & Supabase & Vercelで人間をやめるぞ、ジョジョー！👺
taishiyade
7
4.1k

Featured

See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
It's Worth the Effort
3n
184
28k
Building Adaptive Systems
keathley
40
2.4k
GitHub's CSS Performance
jonrohan
1030
460k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
250
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
How GitHub (no longer) Works
holman
314
140k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k

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/