Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

React Native Storybook

Avatar for AppFoundry AppFoundry
October 19, 2017
Programming
510
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
130
Android In Practice
Avatar for AppFoundry appfoundrybe
0
160
Android Introduction 3.0 by Siebe
Avatar for AppFoundry appfoundrybe
0
160
Android in Practice (long)
Avatar for AppFoundry appfoundrybe
0
240
React Native - cross-platform mobile app development
Avatar for AppFoundry appfoundrybe
0
230
the ionic crash course
Avatar for AppFoundry appfoundrybe
1
220
View based apps with Conductor
Avatar for AppFoundry appfoundrybe
0
680
Android Accessibility at GDG Devfest Brussels 2016
Avatar for AppFoundry appfoundrybe
0
740
Cooking with Spek
Avatar for AppFoundry appfoundrybe
0
710

Other Decks in Programming

See All in Programming
作れるエンジニアから、価値を届けるエンジニアへ
Avatar for Ryu-nakayama ryunakayama
1
250
Kawaiicon: Kubernetes, it's no longer cool, but let's secure it anyway!
Avatar for Bea Hughes barnbarn
0
130
複数ドメインを一つのアプリに統合するFlutterの設計と運用_FlutterKaigi2026登壇資料（須永高弘）
Avatar for 須永高弘 takahirosunaga
0
170
우리의 Nitro Modules는 당신의 Turbo Modules보다 아름답다
Avatar for HyunWoo Lee l2hyunwoo
0
260
Railsのためのパスキー実践入門 〜マルチテナントSaaSでの意思決定〜
Avatar for utakaha utakaha
4
3.7k
當我們開始不讀 Code - AI Agent 時代，Code Review 與 Clean Code 還剩下什麼？
Avatar for James Wang jame2408
1
370
Python Lambdaにおけるテストしやすい設計とAI支援の活用 / Designing Testable Python Lambda Functions with AI
Avatar for Kitano Yuichi kitano_yuichi
1
310
Spec-Driven Development - Why Vaadin Is the Perfect Fit
Avatar for Simon Martinelli simas
PRO
0
240
Optunaを作ったときにやりたかったこと、その後 (2026/10/16, Optuna Meetup #3)
Avatar for Takuya Akiba iwiwi
4
1.5k
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
210
LLM 101
Avatar for Leonardo YongUk Kim dalinaum
0
480
SFCで実現する病院・医療システムの動的組み立て式UI
Avatar for kouki.miura koukimiura
1
170

Featured

See All Featured
New Earth Scene 8
Avatar for Sydney Stone popppiees
4
2.8k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
760
From π to Pie charts
Avatar for Rasagy Sharma rasagy
1
440
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
2
390
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
590
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
7.2k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
610
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
580
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
350
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
2
2.2k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.4k

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