# react-learning

**Repository Path**: newyear_xn/react-learning

## Basic Information

- **Project Name**: react-learning
- **Description**: react初入学习
搭建应用之留言本
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-09-08
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

Create React App Build Status PRs欢迎使用

创建没有构建配置的React应用程序。

创建一个应用程序-如何创建一个新的应用程序。
用户指南-如何开发与Create React应用程序引导的应用程序。
Create React应用程序适用于macOS、Windows和Linux。
如果有些东西不工作，请提交一个问题。
如果您有任何问题或需要帮助，请到我们的Spectrum社区咨询。

快速概述

npx create-react-app我的程序
我的程序光盘
npm开始
(npx附带npm 5.2+或更高版本，请参阅更老的npm版本说明)

然后打开http://localhost:3000/查看您的应用程序。
当您准备将其部署到生产环境中时，使用npm run build创建一个迷你包。

npm开始

立即开始

您不需要安装或配置Webpack或Babel之类的工具。
它们是预配置和隐藏的，因此您可以将注意力集中在代码上。

只要创建一个项目，就可以了。

创建一个应用程序

您需要在本地开发机器上有节点8.16.0或节点10.16.0或更高版本(但服务器上不需要)。您可以使用nvm (macOS/Linux)或nvm-windows在不同的项目之间轻松切换节点版本。

要创建一个新的应用程序，您可以选择以下方法之一:

npx

npx create-react-app我的程序
(npx附带npm 5.2+或更高版本，请参阅更老的npm版本说明)

npm

init反应-app my-app
npm 6+中提供了初始化器>

纱

纱线创建反应-app my-app
纱线创建在纱线0.25+中可用

它将在当前文件夹中创建一个名为my-app的目录。
在该目录中，它将生成初始项目结构并安装传递依赖项:

我的程序
├──README.md
├──node_modules
├──package.json
├──.gitignore
├──公共
│├──ico。位于
│├──index . html
│└──manifest.json
└──src
├──App.css
├──App.js
├──App.test.js
├──index.css
├──index.js
├──logo.svg
└──serviceWorker.js
没有配置或复杂的文件夹结构，只有文件，你需要建立你的应用程序。
安装完成后，你可以打开你的项目文件夹:

我的程序光盘
在新建的项目中，你可以运行一些内置的命令:

npm启动或纱线启动

在开发模式下运行应用程序。
打开http://localhost:3000在浏览器中查看。

如果您更改代码，页面将自动重新加载。
您将在控制台中看到构建错误和lint警告。

构建错误

npm测试或纱线测试

以交互模式运行测试监视程序。
默认情况下，运行与上次提交后更改的文件相关的测试。

阅读更多关于测试的内容。

npm运行构建或纱线构建

将用于生产的应用程序构建到build文件夹。
它在生产模式中正确地捆绑了React，并优化构建以获得最佳性能。

构建被缩小，文件名包含散列。

您的应用程序已经准备好部署。

用户指南

你可以在它的文档中找到使用Create React App的详细说明和许多技巧。

如何更新到新版本?

有关这方面和其他信息，请参阅用户指南。

哲学

一个依赖项:只有一个构建依赖项。它使用Webpack、Babel、ESLint和其他令人惊叹的项目，但是在这些项目之上提供了一种有凝聚力的策划体验。

不需要配置:您不需要配置任何东西。开发和生产构建的合理良好配置将为您处理，这样您就可以集中精力编写代码。

没有锁定:您可以在任何时候“弹出”到自定义设置。运行一个命令，所有配置和构建依赖项都将直接移动到您的项目中，这样您就可以从停止的地方继续。

包括什么?

你的环境将有一切你需要建立一个现代的单页反应应用程序:

React, JSX, ES6, TypeScript和Flow语法支持。
ES6之外的额外语言，如对象扩展操作符。
自动修复CSS，因此不需要-webkit或其他前缀。
一个快速的交互式单元测试运行器，内置了对覆盖率报告的支持。
实时开发服务器，警告常见错误。
一个构建脚本，将JS、CSS和用于生产的图像与散列和源代码捆绑在一起。
离线优先的服务工作人员和web应用程序清单，满足所有渐进的web应用程序标准。(注意:在response -scripts@2.0.0或更高版本中，使用服务工作者是opt-in)
只需一个依赖项，就可以轻松地更新上述工具。
查看本指南，了解这些工具是如何组合在一起的。

权衡的结果是，这些工具预先配置为以特定的方式工作。如果您的项目需要更多的自定义，您可以“弹出”并自定义它，但是之后您将需要维护这个配置。

受欢迎的选择

Create React应用非常适合:

学习反应在一个舒适和功能丰富的开发环境。
启动新的单页反应应用程序。
为库和组件创建带有React的示例。
这里有一些常见的情况，你