使用创建React App
React已Swift成为创建客户端和服务器视图的流行框架。 工具带来的更高的进入障碍，以及社区对JavaScript疲劳的不满。 创建create-react-app就是为了解决这些问题。
入门
首先，您要确保在系统上安装了Node 。 您至少需要安装节点版本4，但是他们建议安装版本6，以便更快地下载并更好地使用磁盘。 您也可以使用nvm在Node版本之间轻松切换。
安装Node之后，您将要打开自己喜欢的命令行工具并全局安装create-react-app，以便可以在系统上的任何位置执行它。
npm install -g create-react-app
如何创建第一个应用程序
您将需要首先打开命令行并浏览或创建要进行开发的目录。 接下来，我们将通过运行create-react-app tuts-plus-react-app 。 这将执行cli工具来创建我们的tuts-plus-react-app。
CLI工具完成后，您将进入摘要屏幕，该屏幕将让您知道应用程序的创建位置，并向您显示可以使用的命令列表。
接下来，您将要执行cd tuts-plus-react-app导航到我们的新应用cd tuts-plus-react-app 。
启动应用
您可以通过执行npm start在本地运行该应用npm start 。 应用启动后，您将自动在浏览器中导航到http：// localhost：3000 /并查看新的React应用。
该应用程序使用webpack运行本地开发服务器。 有一个监视功能，因此当您对React代码进行编辑并保存时，您将看到更改自动显示在浏览器中。
如果您的代码有任何错误，您将在浏览器中看到这些错误或警告。
代码样式和测试
包含ESLint可以确保您的代码遵循通用的代码样式。 这将帮助您确保代码一致，这在项目有多个贡献者的情况下特别有用。 如果您还不熟悉React，那么我建议您使用它来学习良好的React和JavaScript编码风格。
如果您熟悉为代码编写测试，则可以使用Jest来运行测试。 Jest是一个由React的创建者Facebook创建和维护的测试框架。 要执行测试，请在命令行工具中执行npm test 。 这将运行测试，然后在生产代码更改时启动观察程序以执行测试。 您可以在src/App.test.js添加一个现有的测试文件。
部署您的应用
完成所有编辑后，就该部署您的应用了。 您需要做的就是在您的apps目录中执行npm run build 。 这将使用Babel将您的React代码转换为浏览器可以理解的代码。 它还将最小化您的代码，以确保您在浏览器中具有最佳性能。
用户指南
如果您决定继续使用create-react-app，建议您花些时间阅读用户指南 。 它具有许多有关其他与视图相关的主题的有用信息，例如添加CSS样式表，导入其他组件，导入图像和字体等。 它还包含有关Web开发实践的信息，例如使用HTTPS，连接到Node后端，创建渐进式Web应用程序等等。
还有一些有关测试和部署应用程序的大量文档。
快乐黑客
我希望您现在能够看到使用create-react-app项目创建React应用程序有多么容易。 我希望这有助于降低进入门槛，并让您开始使用React。 我知道你会喜欢的！
翻译自: https://code.tutsplus.com/articles/using-create-react-app--cms-27941
以上是 使用创建React App 的全部内容， 来源链接： utcz.com/z/382105.html
