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

React Native Storybook

103e1ebcacd620770cf32a36b9aba17e?s=47 AppFoundry
October 19, 2017
Programming
0
270

React Native Storybook

A brief presentation on React Native Storybook by Senne Van Cauwenberge

103e1ebcacd620770cf32a36b9aba17e?s=128

AppFoundry

October 19, 2017
Tweet

More Decks by AppFoundry

See All by AppFoundry
103e1ebcacd620770cf32a36b9aba17e?s=48 appfoundrybe
0
49
103e1ebcacd620770cf32a36b9aba17e?s=48 appfoundrybe
0
110
103e1ebcacd620770cf32a36b9aba17e?s=48 appfoundrybe
0
83
103e1ebcacd620770cf32a36b9aba17e?s=48 appfoundrybe
0
180
103e1ebcacd620770cf32a36b9aba17e?s=48 appfoundrybe
0
130
103e1ebcacd620770cf32a36b9aba17e?s=48 appfoundrybe
1
140
103e1ebcacd620770cf32a36b9aba17e?s=48 appfoundrybe
0
300
103e1ebcacd620770cf32a36b9aba17e?s=48 appfoundrybe
0
87
103e1ebcacd620770cf32a36b9aba17e?s=48 appfoundrybe
0
500

Other Decks in Programming

See All in Programming
E4acf8d83d816ef2ff215fb99401469f?s=48 pdone
0
210
4047c64e3a1e2f81addd4ba675ddc451?s=48 zsmb
1
120
3a3c6a0c96f487521ce83b719bc25814?s=48 asumikan
0
280
3742ae4f74e584aed4f41c405232c3bb?s=48 yaamaa
0
410
6338c8fa4e2e6325094fe30b1e9f9443?s=48 malvinstn
1
620
C90bac78c0fb61105cfd8239767f903d?s=48 o0h
PRO
1
1.4k
E37b4344ef4bfd0fc4826c04971e54fb?s=48 nrslib
20
13k
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
250
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
1k
804bf3fd2baebf9a27e4774553688d37?s=48 saki4869
0
180
D5744e72b6a5e6673f991cab987a31ab?s=48 siketyan
1
110
99d4c0ed3c8027ea1c37b53d6441d042?s=48 sullis
0
120

Featured

See All Featured
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
3.6k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
186
14k
9375a9529679f1b42b567a640d775e7d?s=48 schacon
145
6.6k
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
23
3.8k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
294
39k
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
295
27k
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
285
18k
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
125
21k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
156
6.4k
Ecdea9b9714877b86cee08458f085481?s=48 trallard
13
640
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
200
9.6k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
176
14k

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