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

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

Other Decks in Programming

See All in Programming
CSC305 Lecture 09
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
300
Flutterで分数(Fraction)を表示する方法
Avatar for kouki.miura koukimiura
0
140
CSC305 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
270
Developer Joy - The New Paradigm
Avatar for Holly Cummins hollycummins
1
330
When Dependencies Fail: Building Antifragile Applications in a Fragile World
Avatar for Selçuk Usta selcukusta
0
110
XP, Testing and ninja testing ZOZ5
Avatar for seki at druby.org m_seki
3
790
contribution to astral-sh/uv
Avatar for Shunsuke Tsuchiya shunsock
0
440
チームの境界をブチ抜いていけ
Avatar for tokai235 tokai235
0
210
はじめてのDSPy - 言語モデルを『プロンプト』ではなく『プログラミング』するための仕組み
Avatar for Masahiro Nishimi masahiro_nishimi
3
5.1k
Cursorハンズオン実践！
Avatar for Ikko Eltociear Ashimine eltociear
2
1.2k
Range on Rails ―「多重範囲型」という新たな選択肢が、複雑ロジックを劇的にシンプルにしたワケ
Avatar for RIZAPテクノロジーズ rizap_tech
0
6.7k
オープンソースソフトウェアへの解像度🔬
Avatar for うたもく utam0k
17
3.1k

Featured

See All Featured
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
7
280
Scaling GitHub
Avatar for Zach Holman holman
463
140k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
232
18k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
30
2.9k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
161
23k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
13k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
140
34k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
31
2.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