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
80
Android In Practice
appfoundrybe
0
120
Android Introduction 3.0 by Siebe
appfoundrybe
0
100
Android in Practice (long)
appfoundrybe
0
200
React Native - cross-platform mobile app development
appfoundrybe
0
150
the ionic crash course
appfoundrybe
1
170
View based apps with Conductor
appfoundrybe
0
520
Android Accessibility at GDG Devfest Brussels 2016
appfoundrybe
0
340
Cooking with Spek
appfoundrybe
0
590
Other Decks in Programming
See All in Programming
GitHub Copilotのススメ
marcy731
1
190
検証も兼ねて個人開発でHonoとかと向き合った話
hanetsuki
0
660
Semantic search with Django and pgvector
pauloxnet
0
240
try!Swift Tokyo 2024 参加報告 LT
akidon0000
1
220
Elm Form Validation
bkuhlmann
0
510
効率化に挑戦してみたらモバイル開発が少し快適になった話
ryunakayama
0
130
What We Can Learn From OSS
inouehi
0
420
Tailwind CSSを本気でカスタマイズする方法
fsubal
13
5.1k
Elm 0.19.0 Changes
bkuhlmann
0
490
코틀린으로 멀티플랫폼 만들기
pangmoo
0
150
DMMプラットフォームがTiDB Cloudを採用した背景
pospome
8
4k
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
43
18k
Featured
See All Featured
The Language of Interfaces
destraynor
151
23k
Infographics Made Easy
chrislema
238
18k
Designing for Performance
lara
601
67k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
244
20k
A Tale of Four Properties
chriscoyier
151
22k
Building Applications with DynamoDB
mza
88
5.6k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
RailsConf 2023
tenderlove
3
540
What’s in a name? Adding method to the madness
productmarketing
PRO
16
2.6k
The Power of CSS Pseudo Elements
geoffreycrofte
60
5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
BBQ
matthewcrist
80
8.8k
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