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

React Native Storybook

AppFoundry
October 19, 2017
Programming
0
420

React Native Storybook

A brief presentation on React Native Storybook by Senne Van Cauwenberge

AppFoundry

October 19, 2017
Tweet

More Decks by AppFoundry

See All by AppFoundry
Introductie iOS - Jens
appfoundrybe
0
90
Android In Practice
appfoundrybe
0
130
Android Introduction 3.0 by Siebe
appfoundrybe
0
110
Android in Practice (long)
appfoundrybe
0
200
React Native - cross-platform mobile app development
appfoundrybe
0
160
the ionic crash course
appfoundrybe
1
180
View based apps with Conductor
appfoundrybe
0
600
Android Accessibility at GDG Devfest Brussels 2016
appfoundrybe
0
500
Cooking with Spek
appfoundrybe
0
620

Other Decks in Programming

See All in Programming
Kubernetes History Inspector(KHI)を触ってみた
bells17
0
200
CI改善もDatadogとともに
taumu
0
110
Formの複雑さに立ち向かう
bmthd
1
720
JavaScriptツール群「UnJS」を5分で一気に駆け巡る！
k1tikurisu
10
1.8k
GitHub Actions × RAGでコードレビューの検証の結果
sho_000
0
240
第3回 Snowflake 中部ユーザ会 - dbt × Snowflake ハンズオン
hoto17296
4
360
Rails アプリ地図考 Flush Cut
makicamel
1
110
テストをしないQAエンジニアは何をしているか？
nealle
0
130
チームリードになって変わったこと
isaka1022
0
190
さいきょうのレイヤードアーキテクチャについて考えてみた
yahiru
3
730
Pulsar2 を雰囲気で使ってみよう
anoken
0
230
WebDriver BiDiとは何なのか
yotahada3
1
140

Featured

See All Featured
The Language of Interfaces
destraynor
156
24k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
99
18k
Agile that works and the tools we love
rasmusluckow
328
21k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Making Projects Easy
brettharned
116
6k
BBQ
matthewcrist
86
9.5k
Done Done
chrislema
182
16k
Practical Orchestrator
shlominoach
186
10k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k

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