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
Empowering your React application with Flow typ...
Search
Olena Sovyn
December 06, 2019
Technology
0
50
Empowering your React application with Flow type system
Olena Sovyn
December 06, 2019
Tweet
Share
More Decks by Olena Sovyn
See All by Olena Sovyn
Hidden Gems in Code Reviews
kiwka
0
47
Testing, tEstIng, TeStInG or how to test React apps with generated input data
kiwka
1
640
Building Webflow Ecommerce in 3 stories
kiwka
0
86
Building a Chrome Extension with React
kiwka
0
690
Understanding Recompose through examples
kiwka
0
400
On the way to making React components more reusable
kiwka
2
290
Using Facade pattern with JSX
kiwka
4
390
Other Decks in Technology
See All in Technology
マルチモーダル基盤モデルに基づく動画と音の解析技術
lycorptech_jp
PRO
2
320
20250728 MCP, A2A and Multi-Agents in the future
yoshidashingo
1
160
Mambaで物体検出 完全に理解した
shirarei24
2
160
激動の時代、新卒エンジニアはAIツールにどう向き合うか。 [LayerX Bet AI Day Countdown LT Day1 ツールの選択]
tak848
0
630
Power Automate のパフォーマンス改善レシピ / Power Automate Performance Improvement Recipes
karamem0
0
280
Unson OS|48時間で「売れるか」を判定する AI 市場検証プラットフォーム
unson
0
150
ビジネス文書に特化した基盤モデル開発 / SaaSxML_Session_2
sansan_randd
0
190
【CEDEC2025】現場を理解して実現!ゲーム開発を効率化するWebサービスの開発と、利用促進のための継続的な改善
cygames
PRO
0
550
人に寄り添うAIエージェントとアーキテクチャ #BetAIDay
layerx
PRO
2
470
Vision Language Modelと自動運転AIの最前線_20250730
yuyamaguchi
2
900
alecthomas/kong はいいぞ
fujiwara3
6
1.2k
【CEDEC2025】『Shadowverse: Worlds Beyond』二度目のDCG開発でゲームをリデザインする~遊びやすさと競技性の両立~
cygames
PRO
1
170
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
96
6.1k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Music & Morning Musume
bryan
46
6.7k
Into the Great Unknown - MozCon
thekraken
40
1.9k
We Have a Design System, Now What?
morganepeng
53
7.7k
Rails Girls Zürich Keynote
gr2m
95
14k
Balancing Empowerment & Direction
lara
1
510
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Designing Experiences People Love
moore
142
24k
Art, The Web, and Tiny UX
lynnandtonic
301
21k
The Cult of Friendly URLs
andyhume
79
6.5k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Transcript
Empowering your React application with Flow type system Olena Sovyn
@frontendgirl
@frontendgirl
None
Why?
Benefits 1. No unused properties 2. Improved refactoring experience 3.
Documentation in place @frontendgirl
How?
None
None
What are the rules?
1. Be as exact as possible @frontendgirl
1. Be as exact as possible No error Error @frontendgirl
2. Spot “black holes” Black holes are functions return values
of which have type any, even though their types can be more specific based on the function internal logic
2. Spot “black holes” . flowconfig No error eslint-plugin-flowtype @frontendgirl
3. Use meaningful type names @frontendgirl
Let’s do our codebases automagically better! 1. Be as exact
as possible 2. Spot “black holes” 3. Meaningful type names Check also: What? How? Why? 1. No unused properties 2. Improved refactoring 3. Documentation in place find and follow simple rules @frontendgirl http://frontendgirl.com/flow-best-practices/