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

React Native Storybook

October 19, 2017

React Native Storybook

A brief presentation on React Native Storybook by Senne Van Cauwenberge


October 19, 2017

More Decks by AppFoundry

Other Decks in Programming


  1. React Native Storybook

  2. Why?

  3. Why? We create a lot of UI components

  4. Why? We create a lot of UI components These components

    have multiple states Reusable Componen
  5. Why? ate a lot of UI components mponents have multiple

    states Reusable Components
  6. What?

  7. Getting Started

  8. Getting Started $getstorybook

  9. Getting Started

  10. Getting Started

  11. Getting Started

  12. Addons

  13. Links Knobs Notes Info Options Storyshots Console Readme Addons Actions

  14. Actions Allow you to inspect events related to your components.

  15. Links With links you can link stories together.
 (And make

  16. Knobs Allow you to edit React props dynamically using the

    Storybook UI.
  17. Notes Allows you to write notes for each story in

    your component. Info Allows you to build a nice-looking style guide with docs, automatic sample source code with a PropType explorer.
  18. Options Allows you to customise the Storybook webapp UI. Console

    Redirects console output (logs, errors, warnings) into Action Logger Panel. Readme Allows you to add docs in markdown format for each story.
  19. Storyshots

  20. Fin