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

React Native Storybook

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for AppFoundry AppFoundry
October 19, 2017
Programming
490
0

React Native Storybook

A brief presentation on React Native Storybook by Senne Van Cauwenberge

Avatar for AppFoundry

AppFoundry

October 19, 2017

More Decks by AppFoundry

See All by AppFoundry
Introductie iOS - Jens
Avatar for AppFoundry appfoundrybe
0
110
Android In Practice
Avatar for AppFoundry appfoundrybe
0
150
Android Introduction 3.0 by Siebe
Avatar for AppFoundry appfoundrybe
0
140
Android in Practice (long)
Avatar for AppFoundry appfoundrybe
0
220
React Native - cross-platform mobile app development
Avatar for AppFoundry appfoundrybe
0
200
the ionic crash course
Avatar for AppFoundry appfoundrybe
1
200
View based apps with Conductor
Avatar for AppFoundry appfoundrybe
0
660
Android Accessibility at GDG Devfest Brussels 2016
Avatar for AppFoundry appfoundrybe
0
670
Cooking with Spek
Avatar for AppFoundry appfoundrybe
0
680

Other Decks in Programming

See All in Programming
TypeSpec で繋ぐ複数プロダクトの型安全
Avatar for Mitsui maroon8021
1
320
The Arts and Crafts of Work in the AI Era — Toward Mastery in Software Development
Avatar for Yoshihito Kuranuki / 倉貫義人 kuranuki
1
700
Java × distroless で 軽量なコンテナイメージを / Java on Distroless
Avatar for Daisuke Garaike contour_gara
0
460
jQueryをバージョンアップする前に使いたいjQuery Migrate
Avatar for Atsushi Matsuo matsuo_atsushi
0
160
PHPで使える日時の表現と、その知り方 #frontend_phpcon_do
Avatar for hideki kinjyo o0h
PRO
0
180
プラグインで拡張される Context をtype-safe にする難しさと設計判断
Avatar for kazupon kazupon
2
550
AI時代のUIはどこへ行く？その2！
Avatar for Yusuke Wada yusukebe
19
6.3k
LLM Plugin for Node-REDの利用方法と開発について
Avatar for 404background 404background
0
150
さぁV100、メモリをお食べ・・・
Avatar for nilpe nilpe
0
120
RTSPクライアントを自作してみた話
Avatar for simotin13 simotin13
0
420
Lemonade + Foundry Toolkit でお手軽アプリ開発
Avatar for 瀬尾佳隆 seosoft
1
260
AI駆動開発で崩れていくコードベースを立て直す
Avatar for Kyoko NR kyoko_nr_nr
1
420

Featured

See All Featured
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
13k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
220
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
340
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
140
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.9k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
160
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
240
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
190

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