Reactをやろう!そう思ったならッ!その時すでにFlowを使う準備は終わっている!

  • 10
    Like
  • 0
    Comment

2016年12月現在、Reactを使ってるみなさんにおかれましては、必ずFlowを使っているとおもいます。

Flow | A static type checker for JavaScript

使ってない?本当ですか?
あなたの.babelrcは以下のようになっていませんか?

{
  "presets": ["react"]
}

ここで、React presetの内容を確認してみましょう。

React preset · Babel

https://gyazo.com/7b968e9c3903377dd59f714fcdac7cbf

よく見てください。

https://gyazo.com/ff6ef2e753c95f3ac154f3779ea6a432

https://gyazo.com/2a61712af699378c4e4d21e69dfe7514

もう、おわかりですね。
React presetを入れた時点でflowを使う準備は終わっているのです。

もうあとは2つほどコマンドを叩くだけです。

$ touch .flowconfig
$ npm install --save-dev flow-bin

これで、型安全にReactを書いていけるでしょう。

まとめ

presetの内容をきちんと確認してから使いましょう。