Add DEV mode note to installation doc (#8784)

[addyosmani]

@gaearon First pass at adding a note to the installation guide reminding folks to use production mode flags. I've initially placed this before the install steps as it's a pretty prominent place. Any feedback welcome.

[xtuc]

I would say the optimized version instead of fast

[gaearon]

Maybe let's say "set up a separate production build process" or something like this? To indicate you don't need to do it for development, but that you need to separate how you develop from how you deploy.

[addyosmani]

That sgtm. I'll update to include wording closer to setting up a separate build process to avoid shipping dev mode.

[addyosmani]

@gaearon Updated. PTAL whenever you get a chance.

[gaearon]

There’s some duplication between "Installation" and "Optimizing Performance":

https://facebook.github.io/react/docs/installation.html#development-and-production-versions
https://facebook.github.io/react/docs/optimizing-performance.html#use-the-production-build

Maybe we should create a new top-level page called "Development and Production"?
Then we can link to it from both places and put it after "Installation".

Or maybe we could remove the section in either doc. Installation would be a better place for it IMO, as we want to show it as early as possible. What do you think?

[addyosmani]

There’s some duplication between "Installation" and "Optimizing Performance":

I felt similarly when reading through!

Or maybe we could remove the section in either doc. Installation would be a better place for it IMO, as we want to show it as early as possible. What do you think?

I think installation does indeed sound like a better place for it. How would you feel about consolidating the "Use the production build" section of https://facebook.github.io/react/docs/optimizing-performance.html#use-the-production-build into the installation guide? We'd drop it from the former and slightly expand https://facebook.github.io/react/docs/installation.html#development-and-production-versions with anything missing.

[ChrisBarthol]

I missed the difference between the Development and Production builds my first go around. It wasn't until the Warning: It looks like you're using a minified copy of the development build of React on my production test site that I realized there were separate builds. Having this as early as possible would be helpful.

Can we change fast version of React in production and replace it with minified production version of React

[gaearon]

I think installation does indeed sound like a better place for it. How would you feel about consolidating the "Use the production build" section of https://facebook.github.io/react/docs/optimizing-performance.html#use-the-production-build into the installation guide? We'd drop it from the former and slightly expand https://facebook.github.io/react/docs/installation.html#development-and-production-versions with anything missing.

Sounds good.

[gaearon]

@addyosmani Is there still interest in following up on my last comment?

[addyosmani]

@gaearon Yep! Let me dust off this PR and rework it a little.

[gaearon]

Note we also changed the Installation page to show tabs.

[gaearon]

I'll get this in because I did the rest in #9592.
Thanks!

[addyosmani]

Thanks for all the hard work getting these (and the React DevTools) changes in, Dan! Super appreciate it.