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
460
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
100
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
580
Cooking with Spek
appfoundrybe
0
640
Other Decks in Programming
See All in Programming
Back to the Future: Let me tell you about the ACP protocol
terhechte
0
130
プログラマのための作曲入門
cheebow
0
540
Le côté obscur des IA génératives
pascallemerrer
0
120
CSC305 Lecture 03
javiergs
PRO
0
230
開発生産性を上げるための生成AI活用術
starfish719
1
170
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう! #FEC余熱NIGHT
izumin5210
3
400
Breaking Up with Big ViewModels — Without Breaking Your Architecture (droidcon Berlin 2025)
steliosf
PRO
1
330
Local Peer-to-Peer APIはどのように使われていくのか?
hal_spidernight
2
450
(Extension DC 2025) Actor境界を越える技術
teamhimeh
1
220
クラシルを支える技術と組織
rakutek
0
190
CSC509 Lecture 05
javiergs
PRO
0
290
Catch Up: Go Style Guide Update
andpad
0
170
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
173
14k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
How to Think Like a Performance Engineer
csswizardry
27
2k
We Have a Design System, Now What?
morganepeng
53
7.8k
The Language of Interfaces
destraynor
162
25k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
Become a Pro
speakerdeck
PRO
29
5.5k
Bash Introduction
62gerente
615
210k
The World Runs on Bad Software
bkeepers
PRO
71
11k
Faster Mobile Websites
deanohume
310
31k
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