Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Avatar for Jean-Phi Baconnais Jean-Phi Baconnais
August 10, 2021
Programming
39
0

Construire sa bibliothèque de composants avec Storybook

Avatar for Jean-Phi Baconnais

Jean-Phi Baconnais

August 10, 2021

More Decks by Jean-Phi Baconnais

See All by Jean-Phi Baconnais
Quand ADK rencontre Javelit ☕
Avatar for Jean-Phi Baconnais jeanphibaconnais
0
8
Et si GitLab Duo devenait votre nouvel ami codeur imaginaire ?
Avatar for Jean-Phi Baconnais jeanphibaconnais
0
51
🗄️Et si vous mettiez à disposition vos jobs de CI/CD sur une étagère ?
Avatar for Jean-Phi Baconnais jeanphibaconnais
0
47
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
190
L'open source rendu beaucoup plus accessible avec Gitpod 🫶
Avatar for Jean-Phi Baconnais jeanphibaconnais
0
140
GitLab 💚 Kubernetes
Avatar for Jean-Phi Baconnais jeanphibaconnais
1
58
_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
54
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
Cloud Seed 🌱- le voyage extraordinaire promis par GitLab pour déployer rapidement votre application sur GCP
Avatar for Jean-Phi Baconnais jeanphibaconnais
0
400

Other Decks in Programming

See All in Programming
なぜCTOを降りてFDEを選んだのか？〜なぜプロダクト企業がFDEで顧客の現場に踏み込むのか〜
Avatar for ryuta sakamoto gonta
1
190
KiroのSpecで「五目並べ」を作ってみる
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
370
GemmaをJevのように使ってみる / Use Gemma like Jev
Avatar for Naoki Kishida kishida
5
760
setup-vp GitLab対応の裏側
Avatar for Naoki Haba naokihaba
0
160
ソニーのクラウド共通基盤の変遷と AI時代の開発スタイルに合わせた進化 / The Journey of Sony’s Common Cloud Platform and Its Evolution for AI-Native Development
Avatar for KenjiYoneyama kenjiyoneyama
0
250
AWSに止められる覚悟してますか？
Avatar for モリゾー morizo_1984
2
530
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
550
Rでドレミ/Do-Re-Mi_with_R
Avatar for florets1 florets1
0
130
SalesForceを内製化！？ ~ HR事業を支える顧客管理基盤のインフラを大公開 ~
Avatar for Kobujee_53 oku053
0
170
Agentic Software Factoryに、すごく賢いIF文を。 / super smart IF statement into the Agentic Software Factory.
Avatar for r-kagaya rkaga
8
2.1k
設計次第でAIコードの読む量は減らせる / designing-for-code-reading
Avatar for MinoDriven minodriven
34
16k
半永久的に提供し続けられるプライベートクラウドを目指して ― 利用者の認知負荷を抑えるAPI抽象化とハードウェア世代交代の基盤設計
Avatar for Tomofumi Kondo tomokon
0
480

Featured

See All Featured
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
790
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
240
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
710
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
900
A Soul's Torment
Avatar for Nat Ma seathinner
8
3.7k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.5k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
620
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
320
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
516
110k

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/