Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React Native Storybook

AppFoundry
October 19, 2017
Programming
0
420

React Native Storybook

A brief presentation on React Native Storybook by Senne Van Cauwenberge

AppFoundry

October 19, 2017
Tweet

More Decks by AppFoundry

See All by AppFoundry
Introductie iOS - Jens
appfoundrybe
0
92
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
180
View based apps with Conductor
appfoundrybe
0
600
Android Accessibility at GDG Devfest Brussels 2016
appfoundrybe
0
530
Cooking with Spek
appfoundrybe
0
620

Other Decks in Programming

See All in Programming
Windows版PHPのビルド手順とPHP 8.4における変更点
matsuo_atsushi
0
400
CRE Meetup！ユーザー信頼性を支えるエンジニアリング実践例の発表資料です
tmnb
0
620
Qiita Bash
mercury_dev0517
1
180
小田原でみんなで一句詠みたいな #phpcon_odawara
stefafafan
0
310
AI Agents with JavaScript
slobodan
0
210
データベースエンジニアの仕事を楽にする。PgAssistantの紹介
nnaka2992
9
4.5k
Do Dumb Things
mitsuhiko
0
410
Kubernetesで実現できるPlatform Engineering の現在地
nwiizo
3
1.8k
生成AIを使ったQAアプリケーションの作成 - ハンズオン補足資料
oracle4engineer
PRO
3
170
PHPでお金を扱う時、終わりのない 謎の1円調査の旅にでなくて済む方法
nakka
4
1.5k
DataStoreをテストする
mkeeda
0
280
Go1.24 go vetとtestsアナライザ
kuro_kurorrr
2
820

Featured

See All Featured
A better future with KSS
kneath
239
17k
Six Lessons from altMBA
skipperchong
27
3.7k
A designer walks into a library…
pauljervisheath
205
24k
The Pragmatic Product Professional
lauravandoore
33
6.5k
Designing for humans not robots
tammielis
252
25k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
31
4.8k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.2k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.2k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
22
2.6k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k

Transcript

  1. React Native Storybook

  2. Why?

  3. Why? We create a lot of UI components

  4. Why? We create a lot of UI components These components

    have multiple states Reusable Componen

  5. Why? ate a lot of UI components mponents have multiple

    states Reusable Components

  6. What?

  7. Getting Started

  8. Getting Started $getstorybook

  9. Getting Started

  10. Getting Started

  11. Getting Started

  12. Addons

  13. Links Knobs Notes Info Options Storyshots Console Readme Addons Actions

  14. Actions Allow you to inspect events related to your components.

  15. Links With links you can link stories together.
 (And make

    prototypes)

  16. Knobs Allow you to edit React props dynamically using the

    Storybook UI.

  17. 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.

  18. 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.

  19. Storyshots

  20. Fin