Creating a component library in React with Storybook

Share
Gladio Code
Published at : 29 Sep 2021
1525 views
39
1

0:00 Intro
0:21 Installing storybook in your React application
1:03 Creating your first story
1:55 Creating variants
2:10 Installing and using knobs

Gitlab
https://gitlab.com/gladio-code/storybook-in-react
Storybook
https://storybook.js.org/docs/basics/introduction

Commands used in the video (chronological)
npm run start (to start the app)
npx -p @storybook/cli sb init
npm run storybook
npm install @storybook/addon-knobs

Creatingcomponentlibrary

รวมเพลงฮิต PACK4 l KALA, CLASH, AB NORMAL, POTATO l

รวมเพลงฮิต PACK4 l KALA, CLASH, AB NORMAL, POTATO l

Ex-press Sec: The Reality of the Trump White House Exposed | Kayleigh McEnany | MEDIA | Rubin Report

Ex-press Sec: The Reality of the Trump White House Exposed | Kayleigh McEnany | MEDIA | Rubin Report

Ruby and Bonnie - Story about basic rules in School Classroom for Kids

Ruby and Bonnie - Story about basic rules in School Classroom for Kids

how EXO Chanyeol gaslighted a bunch of kpop idols

how EXO Chanyeol gaslighted a bunch of kpop idols

7 Things I Wish I Knew BEFORE Setting Up My Airbnb Rental

7 Things I Wish I Knew BEFORE Setting Up My Airbnb Rental

Why I'm Qualifying for FNCS Grand-Finals! 🏆🥶 | Slender

Why I'm Qualifying for FNCS Grand-Finals! 🏆🥶 | Slender

Choosing Faith Over Fear - Phil Ayres - Kingdomcity

Choosing Faith Over Fear - Phil Ayres - Kingdomcity

Al Raneem Private School accreditation for an additional five years

Al Raneem Private School accreditation for an additional five years

[BIGHIT MUSIC] 2021 GLOBAL AUDITION - "How to apply" by BTS (KOR/ENG)

[BIGHIT MUSIC] 2021 GLOBAL AUDITION - "How to apply" by BTS (KOR/ENG)

2JZ 335 TAKES OVER FL2K WE ALMOST DIE !!

2JZ 335 TAKES OVER FL2K WE ALMOST DIE !!

අද දෙරණ 12.00 මධ්‍යාහ්න පුවත් විකාශය - 2021.11.06 | Ada Derana Midday Prime  News Bulletin

අද දෙරණ 12.00 මධ්‍යාහ්න පුවත් විකාශය - 2021.11.06 | Ada Derana Midday Prime News Bulletin

"Big Boss" Doesn't Realize That I AM THE CEO and OWNER of the Company ! I Bought Your Corporation !

"Big Boss" Doesn't Realize That I AM THE CEO and OWNER of the Company ! I Bought Your Corporation !

Singah - Attencion (Official Video)

Singah - Attencion (Official Video)

Symbolic Defeats

Symbolic Defeats

"Are you impressed or a bit worried!?" Tom Holland and Zendaya take Ali Plumb's Harry Potter quiz.

"Are you impressed or a bit worried!?" Tom Holland and Zendaya take Ali Plumb's Harry Potter quiz.

LIFE BEYOND 3:  In Search of Giants.  The hunt for intelligent alien life (4K)

LIFE BEYOND 3: In Search of Giants. The hunt for intelligent alien life (4K)

how to Use Ensure (in Bengali video)vital nutrients to support

how to Use Ensure (in Bengali video)vital nutrients to support

I Got Banned on Tik Tok

I Got Banned on Tik Tok

George Carlin on Our Similarities

George Carlin on Our Similarities

How To Feel More Secure In Your Relationships  | Dr. Aziz - Confidence Coach

How To Feel More Secure In Your Relationships | Dr. Aziz - Confidence Coach

Trick or Treat at the Cardone Office - Grant Cardone

Trick or Treat at the Cardone Office - Grant Cardone

Obey Your Government According To Paul

Obey Your Government According To Paul

Can't Believe I Actually GOT IT!

Can't Believe I Actually GOT IT!

The Most Shocking Drag Race Elimination 💢

The Most Shocking Drag Race Elimination 💢

A Decent Arrangement 🎬 Feature Family Comedy 🎬 Shabana Azmi - Adhir Bhat - Diksha Basu - Adam Laupus

A Decent Arrangement 🎬 Feature Family Comedy 🎬 Shabana Azmi - Adhir Bhat - Diksha Basu - Adam Laupus

Elita 5 - TORNADO

Elita 5 - TORNADO

RTF vs Croatia - Davis Cup Final - 2021- Highlights

RTF vs Croatia - Davis Cup Final - 2021- Highlights

Uthman Ibn Farooq CONFIRMS that his Prophet is FAKE

Uthman Ibn Farooq CONFIRMS that his Prophet is FAKE

Hilarious CATS that you couldn't contain the laughter 😂 Funny Pet Reaction

Hilarious CATS that you couldn't contain the laughter 😂 Funny Pet Reaction

Among Us but Jason is the Impostor

Among Us but Jason is the Impostor

5 STAR RESTAURANT IN MY GIRLFRIEND'S HOUSE!

5 STAR RESTAURANT IN MY GIRLFRIEND'S HOUSE!

To the Hellfire - Lorna Shore One Take Vocal Playthrough

To the Hellfire - Lorna Shore One Take Vocal Playthrough

HR Basics: Total Rewards

HR Basics: Total Rewards

어몽어스 오징어 게임 Mini Crewmate Mom in Squid Game Part 3 - Among Us Animation

어몽어스 오징어 게임 Mini Crewmate Mom in Squid Game Part 3 - Among Us Animation

Pagasa: LPA outside PAR being monitored; may develop into storm

Pagasa: LPA outside PAR being monitored; may develop into storm

8 GREAT JDM Cars That Will Earn You MONEY!

8 GREAT JDM Cars That Will Earn You MONEY!

Girl, You'll Be a Woman Soon

Girl, You'll Be a Woman Soon

The Need for Approval Makes You Invisible

The Need for Approval Makes You Invisible

КРУТАЯ БАНДА В ШКОЛЕ BUNNY!!! ДИАНА И ДЕВОЧКИ BUNNY В ШОКЕ С ТАКИХ ПАРНЕЙ!!!

КРУТАЯ БАНДА В ШКОЛЕ BUNNY!!! ДИАНА И ДЕВОЧКИ BUNNY В ШОКЕ С ТАКИХ ПАРНЕЙ!!!

I'M GIVING AWAY $35,000 TO YOU!

I'M GIVING AWAY $35,000 TO YOU!

BOOM ESPORTS VS TEAM SMG - ITEM DROP BY SKEM??! DPC SEA 2021/22 Tour 1: Division I

BOOM ESPORTS VS TEAM SMG - ITEM DROP BY SKEM??! DPC SEA 2021/22 Tour 1: Division I

The Phenomenon (2020) | Trailer HD

The Phenomenon (2020) | Trailer HD

A totally n̷͕̹͆̾o̵̩̺̿̊r̵͇̭͋̒̽m̸̱̊̂a̵͈͌̊ͅl̵̼̖̽̐  open house (not cursed)

A totally n̷͕̹͆̾o̵̩̺̿̊r̵͇̭͋̒̽m̸̱̊̂a̵͈͌̊ͅl̵̼̖̽̐ open house (not cursed)

GOUT FOODS TO AVOID - BEST DIET FOR PEOPLE WITH GOUT

GOUT FOODS TO AVOID - BEST DIET FOR PEOPLE WITH GOUT

Reviewing TIKTOKER’S CLOTHING BRANDS aka ᶦ'ᵛᵉ ˢᵘᶠᶠᵉʳᵉᵈ ᶠᵒʳ ¹⁹ ʸᵉᵃʳˢ

Reviewing TIKTOKER’S CLOTHING BRANDS aka ᶦ'ᵛᵉ ˢᵘᶠᶠᵉʳᵉᵈ ᶠᵒʳ ¹⁹ ʸᵉᵃʳˢ

Bethel Music GATHERING | Franklin, TN

Bethel Music GATHERING | Franklin, TN

Introducing the Handheld SP500X ScanPrinter

Introducing the Handheld SP500X ScanPrinter

Jack Johnson - All At Once

Jack Johnson - All At Once

Ellie Goulding - Figure 8 (Official Video)

Ellie Goulding - Figure 8 (Official Video)