Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Smarter UI Development
Search
Konstantin
October 03, 2018
Technology
0
40
Smarter UI Development
In this short presentation, we explore how we can build UI "the smart way" using StoryBook.
Konstantin
October 03, 2018
Tweet
Share
More Decks by Konstantin
See All by Konstantin
Global state management
konstantin_lebedev
0
24
Rematch - Redux with superpowers
konstantin_lebedev
0
110
Headless CMS
konstantin_lebedev
0
48
Other Decks in Technology
See All in Technology
ドキュメント管理の理想と現実
kazuhe
3
310
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
2
450
LT Slide 2025-04-22
takesection
0
110
Dataverseの検索列について
miyakemito
1
170
ここはMCPの夜明けまえ
nwiizo
32
13k
MCPを理解する
yudai00
12
9k
Gateway H2 モジュールで スマートホーム入門
minoruinachi
0
120
ビジネスとデザインとエンジニアリングを繋ぐために 一人のエンジニアは何ができるか / What can a single engineer do to connect business, design, and engineering?
kaminashi
2
860
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
5.4k
GraphQLを活用したリアーキテクチャに対応するSLI/Oの再設計
coconala_engineer
0
190
Databricksで完全履修!オールインワンレイクハウスは実在した!
akuwano
0
140
MySQL Indexes and Histograms – How they really speed up your queries
lefred
0
140
Featured
See All Featured
Fontdeck: Realign not Redesign
paulrobertlloyd
84
5.5k
How to Think Like a Performance Engineer
csswizardry
23
1.6k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
137
33k
Speed Design
sergeychernyshev
29
920
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
14
1.4k
Raft: Consensus for Rubyists
vanstee
137
6.9k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Side Projects
sachag
453
42k
Site-Speed That Sticks
csswizardry
6
530
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Building an army of robots
kneath
305
45k
Transcript
SMARTER UI DEVELOPMENT Konstantin Lebedev
WEATHER APP
WEATHER APP
WEATHER APP
WEATHER APP
How can we test multiple visual states of a component?
PROBLEM #1
TRAVEL APP ONBOARDING
TRAVEL APP ONBOARDING
TRAVEL APP ONBOARDING
TRAVEL APP ONBOARDING
How can we test visual states of a component that
isn’t always visible on the screen? PROBLEM #2
STORYBOOK
Storybook - isolated environment to quickly develop and design UI
components STORYBOOK
STORYBOOK
STORYBOOK
WRITING STORIES
STORYBOOK
STORYBOOK
STORYBOOK
STORY SHOTS
STORY-SHOTS
WITH STORYBOOK • test components in isolation • test multiple
visual states • live documentation for our UI
THANK YOU Konstantin Lebedev / @koss_lebedev