11
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Posted at

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

Flow | A static type checker for JavaScript

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

.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の内容をきちんと確認してから使いましょう。

11
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?