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
100
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
220
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
350
Be Kind To Your Future Self
Avatar for Patrick Fulton patrickfulton
1
290

Featured

See All Featured
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
340
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
460
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
55
12k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.1k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.2k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
1k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.3k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.5k

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]