react 构建登陆界面_使用React构建用户界面[操作指南]

react 构建登陆界面

现在，还可以使用名为ReactJavaScript库来构建用户界面。 这是我们可以用来构建UI组件的工具。 特别是用于创建单页应用程序。

为什么要React？

React是一个开源JavaScript库。

• 它允许我们创建可重用的组件。
• React是快速，简便且可扩展的。
• React具有单向数据绑定。
• 它提供了一个内存中的数据结构缓存。
• 易于测试。
• 通过使用react，我们可以创建大型应用程序，这些应用程序可以更改数据而无需重新加载页面。

请参阅下图以更好地了解：

React能够呈现更改或受影响的组件，而不会干扰其他组件，这意味着它无需呈现整个页面，而只会呈现更改的部分。例如，如果要更改react组件中的h1标签，则在保存后，您可以看到整个页面在每次更改时都会呈现。 但实际上，React库仅呈现实际更改的组件。

React中涉及的实体：

零件：

组件是可重用UI的声明性代码。 一个组件可以通过道具与其他组件交互以创建复杂的UI。 组件可以是类组件或功能组件

州：

状态代表应用程序的当前状态。状态是类组件的私有状态，并且由该组件完全控制。 功能组件不包含状态。

道具：

道具是可以从较高组件传递到较低组件的值或参数。

让我们开始创建一个React应用程序：

要创建React应用程序，您需要在计算机上安装node和npm。

然后，安装依赖项：

npminstall -g create -react-app

create-react-app是学习React的环境，是开始构建新的单页应用程序的好方法。

它设置了开发环境，以便我们可以使用最新JavaScript功能。

您可以选择以下方法之一来创建新应用：

npx

npx  create-react-app my-app

（ npx是一个包运行器工具。它带有npm 5.2和更高版本）

npm

npm init