O'Reilly logo

React 16 Tooling by Adam Boduch

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Bringing Flow into the development server

Wouldn't it be great if type-checking your React code were more tightly-integrated into the create-react-app development process? There's been talk of making this a reality in a future release of create-react-app. For now, you'll have to eject from create-react-app if you want this functionality for your project.

The goal of this approach is to have the development server run Flow for you whenever changes are detected. Then, you can see the Flow output in your dev server console output, and in the browser console.

Once you've ejected from create-react-app by running npm eject, you need to install the following Webpack plugin:

npm install flow-babel-webpack-plugin --save-dev

Then, you need to enable ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required