Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
React Native Storybook
Search
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
Share
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
TokyoR116_BeginnersSession1_環境構築
kotatyamtema
0
110
Spring gRPC について / About Spring gRPC
mackey0225
0
220
CI改善もDatadogとともに
taumu
0
110
テストをしないQAエンジニアは何をしているか?
nealle
0
130
昭和の職場からアジャイルの世界へ
kumagoro95
1
350
Java Webフレームワークの現状 / java web framework at burikaigi
kishida
9
2.2k
sappoRo.R #12 初心者セッション
kosugitti
0
230
定理証明プラットフォーム lapisla.net
abap34
1
1.7k
ASP. NET CoreにおけるWebAPIの最新情報
tomokusaba
0
360
AWS Organizations で実現する、 マルチ AWS アカウントのルートユーザー管理からの脱却
atpons
0
130
CNCF Project の作者が考えている OSS の運営
utam0k
5
690
“あなた” の開発を支援する AI エージェント Bedrock Engineer / introducing-bedrock-engineer
gawa
11
1.8k
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
53
13k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
The Language of Interfaces
destraynor
156
24k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
310
Statistics for Hackers
jakevdp
797
220k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Become a Pro
speakerdeck
PRO
26
5.1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Navigating Team Friction
lara
183
15k
How to train your dragon (web standard)
notwaldorf
90
5.8k
Writing Fast Ruby
sferik
628
61k
Designing for humans not robots
tammielis
250
25k
Transcript
React Native Storybook
Why?
Why? We create a lot of UI components
Why? We create a lot of UI components These components
have multiple states Reusable Componen
Why? ate a lot of UI components mponents have multiple
states Reusable Components
What?
Getting Started
Getting Started $getstorybook
Getting Started
Getting Started
Getting Started
Addons
Links Knobs Notes Info Options Storyshots Console Readme Addons Actions
Actions Allow you to inspect events related to your components.
Links With links you can link stories together. (And make
prototypes)
Knobs Allow you to edit React props dynamically using the
Storybook UI.
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.
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.
Storyshots
Fin