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
94
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
540
Cooking with Spek
Avatar for AppFoundry appfoundrybe
0
630

Other Decks in Programming

See All in Programming
2025-04-25 GitHub Copilot Agent ライブデモ（スクリプト）
Avatar for GOAMI Takaaki goataka
0
110
Storybookの情報をMCPサーバー化する
Avatar for Shota Iwamatsu shota_tech
2
870
The New Developer Workflow: How AI Transforms Ideas into Code
Avatar for Daniel Sogl danielsogl
0
120
VibeCoding時代のエンジニアリング
Avatar for どすこい daisuketakeda
0
130
設計の本質：コード、システム、そして組織へ / The Essence of Design: To Code, Systems, and Organizations
Avatar for nrs nrslib
10
3.8k
2025年のz-index設計を考える
Avatar for TAK tak_dcxi
4
1.1k
スモールスタートで始めるためのLambda×モノリス（Lambdalith）
Avatar for アキキー akihisaikeda
2
400
開発者フレンドリーで顧客も満足？Platformの秘密
Avatar for ALGO ARTIS algoartis
0
200
Ruby on Railroad: The Power of Visualizing CFG
Avatar for ydah ydah
0
310
Bedrock × Confluenceで簡単(?)社内RAG
Avatar for iharuoru iharuoru
1
120
大LLM時代にこの先生きのこるには-ITエンジニア編
Avatar for Kuu fumiyakume
8
3.3k
Designing Your Organization's Test Pyramid ( #scrumniigata )
Avatar for teyamagu teyamagu
PRO
5
1.2k

Featured

See All Featured
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
70k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
49k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
94
13k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
298
20k
Designing for Performance
Avatar for Lara Hogan lara
608
69k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.6k
Building an army of robots
Avatar for Kyle Neath kneath
305
45k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
49
7.8k

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