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

React Native Storybook

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for AppFoundry AppFoundry
October 19, 2017
Programming
500
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
120
Android In Practice
Avatar for AppFoundry appfoundrybe
0
160
Android Introduction 3.0 by Siebe
Avatar for AppFoundry appfoundrybe
0
150
Android in Practice (long)
Avatar for AppFoundry appfoundrybe
0
240
React Native - cross-platform mobile app development
Avatar for AppFoundry appfoundrybe
0
210
the ionic crash course
Avatar for AppFoundry appfoundrybe
1
210
View based apps with Conductor
Avatar for AppFoundry appfoundrybe
0
670
Android Accessibility at GDG Devfest Brussels 2016
Avatar for AppFoundry appfoundrybe
0
700
Cooking with Spek
Avatar for AppFoundry appfoundrybe
0
690

Other Decks in Programming

See All in Programming
まずはプロンプトガイドを読もう、話はそれからだ
Avatar for Akira TSURUDA kiakiraki
1
230
書籍「プロフェッショナルAI駆動開発」紹介スライド
Avatar for Juntaro Matsumoto juntaromatsumoto
0
790
Flow は今どうなっているか
Avatar for mizdra mizdra
PRO
0
760
関東Kaggler会_NVIDIA_Nemotron_コンペ_振り返り
Avatar for rick rick_ds
0
730
仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」
Avatar for Gota gotalab555
5
1.8k
夏だ！祭りだ！祭りとはドメインモデリングでは？
Avatar for ryugen04 ryugen04
0
440
AWS Transform Custom による Spring Boot 2.xから4.xへのVerUp
Avatar for Satoshi Kaneyasu satoshi256kbyte
2
110
Claude CodeとAgentCore Gatewayを繋ぐ際の認証認可 / Authentication and authorization when connecting Claude Code with AgentCore Gateway
Avatar for Har1101 har1101
2
400
業務時間外もAIに働いてもらう話
Avatar for taki colorful12
2
8.7k
リアルな遅延を測る仕様
Avatar for kota-yata kota_yata
1
130
MySQLとPostgreSQLって何が違うの？
Avatar for 赤神青空 akagami
0
150
T3DD26: From RAGs to Riches
Avatar for Martin Helmich martinhelmich
0
120

Featured

See All Featured
Leo the Paperboy
Avatar for Maya Tellez mayatellez
8
2.2k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
200
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
480
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
330
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.8k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
500
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
280
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
3k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
310
Building an army of robots
Avatar for Kyle Neath kneath
306
46k

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