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

React Native Storybook

Avatar for AppFoundry AppFoundry
October 19, 2017
Programming
0
430

React Native Storybook

A brief presentation on React Native Storybook by Senne Van Cauwenberge
Avatar for AppFoundry

AppFoundry

October 19, 2017
Tweet

More Decks by AppFoundry

See All by AppFoundry
Introductie iOS - Jens
Avatar for AppFoundry appfoundrybe
0
95
Android In Practice
Avatar for AppFoundry appfoundrybe
0
130
Android Introduction 3.0 by Siebe
Avatar for AppFoundry appfoundrybe
0
110
Android in Practice (long)
Avatar for AppFoundry appfoundrybe
0
200
React Native - cross-platform mobile app development
Avatar for AppFoundry appfoundrybe
0
170
the ionic crash course
Avatar for AppFoundry appfoundrybe
1
180
View based apps with Conductor
Avatar for AppFoundry appfoundrybe
0
610
Android Accessibility at GDG Devfest Brussels 2016
Avatar for AppFoundry appfoundrybe
0
550
Cooking with Spek
Avatar for AppFoundry appfoundrybe
0
630

Other Decks in Programming

See All in Programming
インターフェース設計のコツとツボ
Avatar for おぎ togishima
2
470
Devinで実践する！AIエージェントと協働する開発組織の作り方
Avatar for Masahiro Nishimi masahiro_nishimi
6
2.5k
人には人それぞれのサービス層がある
Avatar for shimabox shimabox
3
450
TypeScript を活かしてデザインシステム MCP を作る / #tskaigi_after_night
Avatar for Masayuki Izumi izumin5210
4
470
Building an Application with TDD, DDD and Hexagonal Architecture - Isn't it a bit too much?
Avatar for Mufrid Krilic mufrid
0
370
「兵法」から見る質とスピード
Avatar for ICKX ickx
0
130
マテリアルって何者？RealityKitで扱うマテリアル入門
Avatar for Nao-RandD nao_randd
0
140
"使いづらい" をリバースエンジニアリングする UI の読み解き方
Avatar for 株式会社Rebase_エンジニアリング rebase_engineering
0
110
知識0からカンファレンスやってみたらこうなった！
Avatar for syossan27 syossan27
5
320
JSAI2025 RecSysChallenge2024 優勝報告
Avatar for kami unonao
1
370
AIエージェントによるテストフレームワーク Arbigent
Avatar for takahirom takahirom
0
260
#QiitaBash TDDでAIに設計イメージを伝える
Avatar for sigma ryosukedtomita
2
1.6k

Featured

See All Featured
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
5
620
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.2k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
45
9.6k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
BBQ
Avatar for Matthew Crist matthewcrist
88
9.7k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
6.5k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
23
1.6k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
52
7.6k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
188
11k

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