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
440
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
96
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
620
Android Accessibility at GDG Devfest Brussels 2016
appfoundrybe
0
550
Cooking with Spek
appfoundrybe
0
630
Other Decks in Programming
See All in Programming
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
bash0c7
1
670
GitHub Copilot and GitHub Codespaces Hands-on
ymd65536
2
140
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
350
Team topologies and the microservice architecture: a synergistic relationship
cer
PRO
0
1.2k
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
seike460
PRO
3
730
童醫院敏捷轉型的實踐經驗
cclai999
0
210
来たるべき 8.0 に備えて React 19 新機能と React Router 固有機能の取捨選択とすり合わせを考える
oukayuka
2
890
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
関数型まつりレポート for JuliaTokai #22
antimon2
0
160
VS Code Update for GitHub Copilot
74th
2
590
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
720
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
mana_takada
0
140
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Designing for Performance
lara
609
69k
The Language of Interfaces
destraynor
158
25k
Agile that works and the tools we love
rasmusluckow
329
21k
RailsConf 2023
tenderlove
30
1.1k
The Cult of Friendly URLs
andyhume
79
6.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
730
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Music & Morning Musume
bryan
46
6.6k
Faster Mobile Websites
deanohume
307
31k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
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