$30 off During Our Annual Pro Sale. View Details »

React Native Storybook

Avatar for AppFoundry AppFoundry
October 19, 2017
Programming
0
460

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
100
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
210
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
640
Android Accessibility at GDG Devfest Brussels 2016
Avatar for AppFoundry appfoundrybe
0
610
Cooking with Spek
Avatar for AppFoundry appfoundrybe
0
650

Other Decks in Programming

See All in Programming
TypeScriptで設計する 堅牢さとUXを両立した非同期ワークフローの実現
Avatar for Matsumoto Moeka moeka__c
6
2.9k
CSC305 Lecture 17
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
270
AIコーディングエージェント（skywork）
Avatar for kondai kondai24
0
110
AI時代もSEOを頑張っている話
Avatar for しらはま shirahama_x
0
230
令和最新版Android Studioで化石デバイス向けアプリを作る
Avatar for Sora Arakawa arkw
0
110
「文字列→日付」の落とし穴 〜Ruby Date.parseの意外な挙動〜
Avatar for sg4k0 sg4k0
0
360
CSC305 Lecture 15
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
240
WebRTC と Rust と 8K 60fps
Avatar for tnoho tnoho
2
1.9k
Navigation 3: 적응형 UI를 위한 앱 탐색
Avatar for Sungyong An fornewid
1
120
GeistFabrik and AI-augmented software development
Avatar for Ade Oshineye adewale
PRO
0
250
AWS CDKの推しポイントN選
Avatar for アキキー akihisaikeda
1
240
モダンJSフレームワークのビルドプロセス 〜なぜReactは503行、Svelteは12行なのか〜
Avatar for Maple fuuki12
0
190

Featured

See All Featured
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
186
22k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.7k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.1k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
960
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
58
6.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
120
20k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.7k

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