React的开发者采用率增长最快，在2019年StackOverflow开发者调查中被列为最受喜爱的技术。然而，设置开发React应用程序的工具可能令人望而生畏，并耗费时间。
有很多移动部件。例如，设置Babel以将JSX转译为浏览器可用的代码，并配置Webpack以捆绑你的项目资产。
解决方案是创建React应用程序CLI工具，它允许你创建和运行React应用程序，而无需配置。
如何创建React应用
要创建一个反应式应用程序，请使用create-react-app命令。创建React App是建立一个新的React应用程序的最佳方式。它设置了你的开发环境，使你可以使用最新的JavaScript功能，提供了一个优秀的开发者体验，并为生产优化了你的应用程序。
你的机器上需要有Node >= 6。
我们通过使用以下命令安装React来开始本教程。在这篇文章的时候，我们使用的是React 16.3.1版本。 它带有一个新的生命周期和上下文API。
官方上下文API
多年来，React js为上下文提供了一个实验性的API。这是一个强大的工具，但由于API中存在固有的问题，而且核心的开发者团队总是打算用更好的API来取代实验性的API，所以不鼓励使用它。
16.3版本引入了一个新的上下文API，它更有效率，并支持静态类型检查和深入更新。你可以在其官方博客上找到更多信息。
在Mac上安装create react应用
要在我们的mac机器上安装create react应用，我们需要已经安装了Node.js。我已经安装了9.8.0版本的Node.js，而npm有5.6.0版本。 现在，打开你的终端，安装以下内容：
npx create-react-app reactstarter
这将需要30-40秒的安装时间，然后你会看到下面这样的终端：
这意味着React模板已经在我们的mac机器上成功创建。现在，我们需要启动webpack服务器以在浏览器上访问我们的应用程序。在你的终端输入以下命令：
cd reactstarter
yarn start
Yarn是一个由Facebook开发的软件包管理器。它启动了服务器，我们可以在**http://localhost:3000/**，访问我们的默认应用程序。你会看到类似下面的屏幕。
我正在使用Visual Studio Code在代码编辑器上打开这个项目。我们项目的默认结构看起来如下图所示。
现在，打开src >> App.js 文件，改变一些东西。首先，让我们删除SVG图片。如果你保存该文件，webpack会重新编译代码，页面会自动刷新，并且变化会反映在浏览器上。
你可以创建任意多的组件，将它们导入App.js 文件内，该文件将通过webpack的编译包含在我们的主index.html 文件中。
接下来，对于生产模式，输入以下命令：
yarn build
它将生成最优化的生产构建。因此，创建一个react应用可以节省 大量的时间来配置所有不同的模块。
