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

Empowering your React application with Flow typ...

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
V8のArray.prototype.flatを最大約20倍速くするまでと、巨大OSSへの大規模コミットの道のり
Avatar for Riya Amemiya riyaamemiya
0
270
"優秀な誰か"の下位互換にならないために
Avatar for Yuto Nagai(Future) yut0naga1_fa
1
1.7k
脆弱性診断って、何をしているの？ 〜弱点を見つけて、会社の改善につなげるまで〜
Avatar for KeeG keeg
0
880
AI時代だからこそ推したい！Gitコマンド再入門
Avatar for ムナカタ munakata
0
180
自分で立ててみるLLMサービス
Avatar for 世良泰明 y_sera15
0
160
【Data Engineering Summit2026_登壇資料】医療ビッグデータ×AIエージェントを支えるデータ基盤とハーネスエンジニアリング
Avatar for JMDC.Inc 登壇資料 jmdc_presentation
0
130
ブラウザとサーバーから考えるAI時代のフロントエンド監視
Avatar for Shogo Fukami shogo4131
3
860
hackers_champloo_2026_tidb
Avatar for makocchi makocchi
0
140
味覇で作るパスタが美味い - 20261001_yabaubuki.dev
Avatar for Livesense Inc. livesense
PRO
0
130
Kiro Crewをはじめよう
Avatar for t.kizawa kizawa2020
1
140
メルペイ 会計システム概要と歴史
Avatar for mewuto mewuto
1
210
Running Kotlin + Quarkus with Lambda
Avatar for Nealle nealle
1
450

Featured

See All Featured
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
500
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
460
Leo the Paperboy
Avatar for Maya Tellez mayatellez
10
2.4k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.4k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.7k
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
16k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
250
1.3M
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
53
4k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
400
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
1.1k
Docker and Python
Avatar for Tania Allard trallard
47
4.2k

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/