React Native Storybook

A brief presentation on React Native Storybook by Senne Van Cauwenberge

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