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
16
🗄️Et si vous mettiez à disposition vos jobs de CI/CD sur une étagère ?
jeanphibaconnais
0
19
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
99
GitLab 💚 Kubernetes
jeanphibaconnais
0
20
_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
99
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
61

Other Decks in Programming

See All in Programming
AWS Lambda functions with C# 用の Dev Container Template を作ってみた件
mappie_kochi
0
240
ASP. NET CoreにおけるWebAPIの最新情報
tomokusaba
0
360
バックエンドのためのアプリ内課金入門 (サブスク編)
qnighy
8
1.7k
Open source software: how to live long and go far
gaelvaroquaux
0
620
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
4
370
『GO』アプリ データ基盤のログ収集システムコスト削減
mot_techtalk
0
110
密集、ドキュメントのコロケーション with AWS Lambda
satoshi256kbyte
0
180
Amazon Bedrock Multi Agentsを試してきた
tm2
1
280
【PHP】 破壊的バージョンアップと戦った話〜決断と説得
satoshi256kbyte
0
120
Kanzawa.rbのLT大会を支える技術の裏側を変更する Ruby on Rails + Litestream 編
muryoimpl
0
220
CloudNativePGがCNCF Sandboxプロジェクトになったぞ！ 〜CloudNativePGの仕組みの紹介〜
nnaka2992
0
220
個人アプリを2年ぶりにアプデしたから褒めて / I just updated my personal app, praise me!
lovee
0
340

Featured

See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Git: the NoSQL Database
bkeepers
PRO
427
64k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
BBQ
matthewcrist
86
9.5k
Agile that works and the tools we love
rasmusluckow
328
21k
Thoughts on Productivity
jonyablonski
69
4.5k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Scaling GitHub
holman
459
140k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k

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/