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

Storybook for React | ReactPGH Meetup

Patrick Fulton
December 13, 2017
0
67

Storybook for React | ReactPGH Meetup

Patrick Fulton

December 13, 2017
Tweet

More Decks by Patrick Fulton

See All by Patrick Fulton
Breaking up with media queries
patrickfulton
10
1.4k
Element (Container) Queries - BDConf DC - October 2015
patrickfulton
3
170
Punk Rock, Long Distance Running, and Web Development
patrickfulton
1
95
Element Queries - Converge 2015
patrickfulton
2
280
Be Kind To Your Future Self
patrickfulton
1
230

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
244
20k
Web development in the modern age
philhawksworth
202
10k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Designing on Purpose - Digital PM Summit 2013
jponch
110
6.5k
What's in a price? How to price your products and services
michaelherold
237
11k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
Code Reviewing Like a Champion
maltzj
514
39k
Into the Great Unknown - MozCon
thekraken
10
990
Building Applications with DynamoDB
mza
88
5.6k

Transcript

  1. Patrick Fulton STORYBOOK FOR REACT

  2. + pittsburgh

  3. None

  4. Patrick Fulton STORYBOOK FOR REACT

  5. STORYBOOK FOR REACT // REACTPGH MEETUP // 12.13.2017 PREFACE

  6. None
  7. None

  8. STORYBOOK FOR REACT // REACTPGH MEETUP // 12.13.2017 ONCE UPON

    A TIME…
  9. None
  10. None
  11. None
  12. None
  13. None
  14. None

  15. STORYBOOK FOR REACT // REACTPGH MEETUP // 12.13.2017 PREFACE

  16. None

  17. STORYBOOK FOR REACT // REACTPGH MEETUP // 12.13.2017 CHAPTER ONE:

    TELL ME A STORY

  18. STORYBOOK FOR REACT // REACTPGH MEETUP // 12.13.2017 CHAPTER ONE:

    TELL ME A STORY

  19. npx create-react-app my-sample-app

  20. None

  21. cd my-sample-app npx @storybook/cli getstorybook

  22. None

  23. npm run

  24. None

  25. goo.gl/bnnQCw

  26. STORYBOOK FOR REACT // REACTPGH MEETUP // 12.13.2017 CHAPTER TWO:

    WRITING STORIES

  27. goo.gl/ZV5tGU

  28. None
  29. None

  30. STORYBOOK FOR REACT // REACTPGH MEETUP // 12.13.2017 CHAPTER THREE:

    ADD-ONS

  31. Add-ons Gallery goo.gl/LwAjHN

  32. Info Add-on

  33. Knobs Add-on

  34. Add-ons Gallery goo.gl/LwAjHN

  35. Other Examples

  36. THANKS! @patrickfulton [email protected]