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

Storybook for React | ReactPGH Meetup

Avatar for Patrick Fulton Patrick Fulton
December 13, 2017
0
96

Storybook for React | ReactPGH Meetup

Avatar for Patrick Fulton

Patrick Fulton

December 13, 2017
Tweet

More Decks by Patrick Fulton

See All by Patrick Fulton
Breaking up with media queries
Avatar for Patrick Fulton patrickfulton
10
1.5k
Element (Container) Queries - BDConf DC - October 2015
Avatar for Patrick Fulton patrickfulton
3
200
Punk Rock, Long Distance Running, and Web Development
Avatar for Patrick Fulton patrickfulton
1
100
Element Queries - Converge 2015
Avatar for Patrick Fulton patrickfulton
2
320
Be Kind To Your Future Self
Avatar for Patrick Fulton patrickfulton
1
260

Featured

See All Featured
Designing for Performance
Avatar for Lara Hogan lara
610
69k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
279
23k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
520
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.8k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.5k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
13k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
272
27k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
64
7.9k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
268
13k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
330
21k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k

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]