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

Storybook for React | ReactPGH Meetup

Patrick Fulton
December 13, 2017
0
87

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
190
Punk Rock, Long Distance Running, and Web Development
patrickfulton
1
99
Element Queries - Converge 2015
patrickfulton
2
310
Be Kind To Your Future Self
patrickfulton
1
250

Featured

See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Code Review Best Practice
trishagee
65
17k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
The Pragmatic Product Professional
lauravandoore
32
6.3k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
The World Runs on Bad Software
bkeepers
PRO
65
11k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
Automating Front-end Workflow
addyosmani
1366
200k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
1.9k
Testing 201, or: Great Expectations
jmmastey
40
7.1k

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]