React Native Storybook

103e1ebcacd620770cf32a36b9aba17e?s=47 AppFoundry
October 19, 2017

React Native Storybook

A brief presentation on React Native Storybook by Senne Van Cauwenberge

103e1ebcacd620770cf32a36b9aba17e?s=128

AppFoundry

October 19, 2017
Tweet

Transcript

  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

    prototypes)
  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