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

Storybook for React | ReactPGH Meetup

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

Storybook for React | ReactPGH Meetup

Avatar for Patrick Fulton

Patrick Fulton

December 13, 2017

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
240
Punk Rock, Long Distance Running, and Web Development
Avatar for Patrick Fulton patrickfulton
1
120
Element Queries - Converge 2015
Avatar for Patrick Fulton patrickfulton
2
370
Be Kind To Your Future Self
Avatar for Patrick Fulton patrickfulton
1
300

Featured

See All Featured
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
25k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
2
440
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
2
980
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
520
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3.3k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
19k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.5k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
1
430
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
1.1k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
10k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
550
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.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]