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
430
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
94
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
170
the ionic crash course
appfoundrybe
1
180
View based apps with Conductor
appfoundrybe
0
610
Android Accessibility at GDG Devfest Brussels 2016
appfoundrybe
0
540
Cooking with Spek
appfoundrybe
0
630
Other Decks in Programming
See All in Programming
The Implementations of Advanced LR Parser Algorithm
junk0612
2
1.4k
Enterprise Web App. Development (1): Build Tool Training Ver. 5
knakagawa
1
120
Cursorを活用したAIプログラミングについて 入門
rect
0
160
Dissecting and Reconstructing Ruby Syntactic Structures
ydah
3
2.1k
Amazon CloudWatchの地味だけど強力な機能紹介!
itotsum
0
240
The New Developer Workflow: How AI Transforms Ideas into Code
danielsogl
0
110
Road to RubyKaigi: Making Tinny Chiptunes with Ruby
makicamel
4
540
On-the-fly Suggestions of Rewriting Method Deprecations
ohbarye
3
4.9k
スモールスタートで始めるためのLambda×モノリス(Lambdalith)
akihisaikeda
2
370
Ruby で作る RISC-V CPU エミュレーター / RISC-V CPU emulator made with Ruby
hayaokimura
5
590
Jakarta EE Meets AI
ivargrimstad
0
820
プロダクトエンジニアのしごと 〜 受託 × 高難度を乗り越えるOptium開発 〜
algoartis
0
180
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
71
10k
Thoughts on Productivity
jonyablonski
69
4.6k
Into the Great Unknown - MozCon
thekraken
38
1.7k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Designing for humans not robots
tammielis
253
25k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
4 Signs Your Business is Dying
shpigford
183
22k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.5k
The World Runs on Bad Software
bkeepers
PRO
68
11k
Unsuck your backbone
ammeep
671
57k
The Invisible Side of Design
smashingmag
299
50k
Stop Working from a Prison Cell
hatefulcrawdad
268
20k
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