Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Empowering your React application with Flow typ...

Avatar for Olena Sovyn Olena Sovyn
December 06, 2019
Technology
61
0

Empowering your React application with Flow type system

Avatar for Olena Sovyn

Olena Sovyn

December 06, 2019

More Decks by Olena Sovyn

See All by Olena Sovyn
Hidden Gems in Code Reviews
Avatar for Olena Sovyn kiwka
0
61
Testing, tEstIng, TeStInG or how to test React apps with generated input data
Avatar for Olena Sovyn kiwka
1
720
Building Webflow Ecommerce in 3 stories
Avatar for Olena Sovyn kiwka
0
100
Building a Chrome Extension with React
Avatar for Olena Sovyn kiwka
0
780
Understanding Recompose through examples
Avatar for Olena Sovyn kiwka
0
550
On the way to making React components more reusable
Avatar for Olena Sovyn kiwka
2
340
Using Facade pattern with JSX
Avatar for Olena Sovyn kiwka
4
440

Other Decks in Technology

See All in Technology
AI de Idea
Avatar for Yasunobu Kawaguchi kawaguti
PRO
2
120
あるけみー式LTスライド作成術
Avatar for Ryotaro Harada alchemy1115
2
220
Issue 駆動でスペシャリストの意図を届ける、AI 実装のアクセシビリティ向上
Avatar for thkt thkt
0
120
HHKBエバンジェリストになる方法
Avatar for 941 941
0
110
絵ではじめるKubernetesセキュリティ
Avatar for Aoi Takahashi aoi1
4
670
銀行勘定系システムにおける開発プロセス刷新×AIによる環境モダナイゼーション / Development Process Transformation and AI-Driven Environment Modernization
Avatar for 三菱UFJインフォメーションテクノロジー株式会社 muit
1
2.3k
「守り」で活用するオンデバイスLLM 〜写ってはいけないを総力戦で防ぐ〜 / iOSDC Japan 2026
Avatar for nakamuuu nakamuuu
0
170
SREは、MCPとAutopilotをこう使え！
Avatar for kazumax55 kazumax55
3
890
AI に書かせたその API、 “信頼” できますか？
Avatar for 草薙昭彦 nagix
0
120
10Xに技術的負債をもたらした「2つの境界の歪み」その構造と解消への営み
Avatar for 10xinc 10xinc
0
2.1k
幾何アルゴリズムで なめらかなピン操作を / iOSDC Japan 2026 / smoothpin
Avatar for nade kazumanagano
0
360
人間はどの意思決定を手放せるのか
Avatar for Yoshitaka Kawashima kawasima
15
7.3k

Featured

See All Featured
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.5k
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
420
From π to Pie charts
Avatar for Rasagy Sharma rasagy
1
370
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
470
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
500
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
830
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.5k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1369
210k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
590
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
530
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
6.2k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.9k

Transcript

  1. Empowering your React application with Flow type system Olena Sovyn

    @frontendgirl

  2. @frontendgirl

  3. None

  4. Why?

  5. Benefits 1. No unused properties 2. Improved refactoring experience 3.

    Documentation in place @frontendgirl

  6. How?

  7. None
  8. None

  9. What are the rules?

  10. 1. Be as exact as possible @frontendgirl

  11. 1. Be as exact as possible No error Error @frontendgirl

  12. 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

  13. 2. Spot “black holes” . flowconfig No error eslint-plugin-flowtype @frontendgirl

  14. 3. Use meaningful type names @frontendgirl

  15. 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/