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
390
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
85
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
170
View based apps with Conductor
appfoundrybe
0
550
Android Accessibility at GDG Devfest Brussels 2016
appfoundrybe
0
430
Cooking with Spek
appfoundrybe
0
610
Other Decks in Programming
See All in Programming
Android開発以外のAndroid開発経験の活かしどころ
konifar
2
1k
React + TextAliveでカッコいいLyric Applicatioinを作ろう!!
tosuri13
0
400
Boost Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
490
What you can do with Ruby on WebAssembly
kateinoigakukun
0
170
API Platform for Laravel
dunglas
1
430
エラーレスポンス設計から考える、0→1開発におけるGraphQLへの向き合い方
bicstone
5
1.5k
How to Break into Reading Open Source
kaspth
2
220
XStateでReactに秩序を与えたい
gizm000
0
730
大公開!iOS開発の悩みトップ5 〜iOSDC Japan 2024〜
ryunakayama
0
190
Modular Monolith Go Server with GraphQL Federation + gRPC
110y
1
590
Lessons by WebAssembly app in production on CDN Edge Computing Service
tetsuharuohzeki
0
210
Securify_エンジニア採用資料
3shake
0
100
Featured
See All Featured
Design by the Numbers
sachag
277
19k
The World Runs on Bad Software
bkeepers
PRO
64
11k
A Tale of Four Properties
chriscoyier
155
22k
GitHub's CSS Performance
jonrohan
1030
450k
For a Future-Friendly Web
brad_frost
174
9.3k
Building Flexible Design Systems
yeseniaperezcruz
325
38k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.4k
KATA
mclloyd
27
13k
Testing 201, or: Great Expectations
jmmastey
36
7k
VelocityConf: Rendering Performance Case Studies
addyosmani
322
23k
Build your cross-platform service in a week with App Engine
jlugia
228
18k
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