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

Storybook for React | ReactPGH Meetup

860caae5ecff157ca621ff51e8bba6ba?s=47 Patrick Fulton
December 13, 2017
22

Storybook for React | ReactPGH Meetup

860caae5ecff157ca621ff51e8bba6ba?s=128

Patrick Fulton

December 13, 2017
Tweet

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 fulton@heysparkbox.com