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

React Native Storybook

Avatar for AppFoundry AppFoundry
October 19, 2017
Programming
0
440

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
96
Android In Practice
Avatar for AppFoundry appfoundrybe
0
140
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
620
Android Accessibility at GDG Devfest Brussels 2016
Avatar for AppFoundry appfoundrybe
0
560
Cooking with Spek
Avatar for AppFoundry appfoundrybe
0
640

Other Decks in Programming

See All in Programming
SwiftでMCPサーバーを作ろう！
Avatar for giginet giginet
PRO
2
220
Claude Code と OpenAI o3 で メタデータ情報を作る
Avatar for laket laket
0
100
はじめてのWeb API体験 ー 飲食店検索アプリを作ろうー
Avatar for Aki Nakahara akinko_0915
0
180
11年かかって やっとVibe Codingに 時代が追いつきましたね
Avatar for yimajo yimajo
1
230
Jakarta EE Meets AI
Avatar for ivargrimstad ivargrimstad
0
550
「次に何を学べばいいか分からない」あなたへ──若手エンジニアのための学習地図
Avatar for panda_program panda_program
3
700
Strands Agents で実現する名刺解析アーキテクチャ
Avatar for omiya omiya0555
1
110
オホーツクでコミュニティを立ち上げた理由―地方出身プログラマの挑戦 / TechRAMEN 2025 Conference
Avatar for はる lemonade_37
1
410
Amazon Q CLI開発で学んだAIコーディングツールの使い方
Avatar for matsukada licux
3
160
The Niche of CDK Grant オブジェクトって何者？/the-niche-of-cdk-what-isgrant-object
Avatar for hassaku63 hassaku63
1
740
QA x AIエコシステム段階構築作戦
Avatar for Osu osu
0
230
Flutterと Vibe Coding で個人開発！
Avatar for Hayami Shuhei hyshu
1
210

Featured

See All Featured
Side Projects
Avatar for Sacha Greif sachag
455
43k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
161
15k
Docker and Python
Avatar for Tania Allard trallard
45
3.5k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.8k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.7k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.4k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
540
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
70
11k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.7k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.5k

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