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
46
Testing, tEstIng, TeStInG or how to test React apps with generated input data
kiwka
1
640
Building Webflow Ecommerce in 3 stories
kiwka
0
84
Building a Chrome Extension with React
kiwka
0
680
Understanding Recompose through examples
kiwka
0
390
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
Tokyo_reInforce_2025_recap_iam_access_analyzer
hiashisan
0
170
Flutter向けPDFビューア、pdfrxのpdfium WASM対応について
espresso3389
0
120
Connect 100+を支える技術
kanyamaguc
0
190
KubeCon + CloudNativeCon Japan 2025 に行ってきた! & containerd の新機能紹介
honahuku
0
120
MobileActOsaka_250704.pdf
akaitadaaki
0
110
asken AI勉強会(Android)
tadashi_sato
0
170
20250707-AI活用の個人差を埋めるチームづくり
shnjtk
4
3.3k
20250705 Headlamp: 專注可擴展性的 Kubernetes 用戶界面
pichuang
0
220
ビズリーチが挑む メトリクスを活用した技術的負債の解消 / dev-productivity-con2025
visional_engineering_and_design
3
6.2k
American airlines ®️ USA Contact Numbers: Complete 2025 Support Guide
airhelpsupport
0
270
Glacierだからってコストあきらめてない? / JAWS Meet Glacier Cost
taishin
1
140
Zephyr RTOSを使った開発コンペに参加した件
iotengineer22
1
190
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Navigating Team Friction
lara
187
15k
Gamification - CAS2011
davidbonilla
81
5.3k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
Documentation Writing (for coders)
carmenintech
72
4.9k
The Cult of Friendly URLs
andyhume
79
6.5k
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/