React Native Storybook

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