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
450
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
97
Android In Practice
appfoundrybe
0
140
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
170
the ionic crash course
appfoundrybe
1
180
View based apps with Conductor
appfoundrybe
0
630
Android Accessibility at GDG Devfest Brussels 2016
appfoundrybe
0
570
Cooking with Spek
appfoundrybe
0
640
Other Decks in Programming
See All in Programming
JSONataを使ってみよう Step Functionsが楽しくなる実践テクニック #devio2025
dafujii
1
580
ProxyによるWindow間RPC機構の構築
syumai
3
1.2k
「待たせ上手」なスケルトンスクリーン、 そのUXの裏側
teamlab
PRO
0
550
HTMLの品質ってなんだっけ? “HTMLクライテリア”の設計と実践
unachang113
4
2.9k
Compose Multiplatform × AI で作る、次世代アプリ開発支援ツールの設計と実装
thagikura
0
160
奥深くて厄介な「改行」と仲良くなる20分
oguemon
1
550
Navigating Dependency Injection with Metro
zacsweers
3
2.5k
そのAPI、誰のため? Androidライブラリ設計における利用者目線の実践テクニック
mkeeda
2
1.8k
Testing Trophyは叫ばない
toms74209200
0
880
rage against annotate_predecessor
junk0612
0
170
1から理解するWeb Push
dora1998
7
1.9k
RDoc meets YARD
okuramasafumi
4
170
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
Side Projects
sachag
455
43k
Bash Introduction
62gerente
615
210k
How to Ace a Technical Interview
jacobian
279
23k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Automating Front-end Workflow
addyosmani
1370
200k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Navigating Team Friction
lara
189
15k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
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