React 是一个用于构建用户界面的 JavaScript 库,由 Facebook 开发并维护。它允许开发者使用声明式的方式来构建复杂且响应式的 UI,是现代前端开发中非常流行的技术。

特点

  • 声明式 UI:React 使用声明式的方法来描述 UI,这使得代码更加直观和易于维护。
  • 组件化:React 应用程序由组件组成,每个组件负责一小块 UI 的渲染。
  • 虚拟 DOM:React 使用虚拟 DOM 来优化渲染性能,通过最小化实际 DOM 的操作来提高性能。
  • 跨平台:React 可以用于构建 Web、移动和桌面应用程序。

快速开始

安装

首先,您需要安装 Node.js 和 npm(Node.js 包管理器)。然后,可以使用以下命令创建一个新的 React 应用程序:

npx create-react-app my-app

运行

进入项目目录,并运行以下命令来启动开发服务器:

npm start

这将在本地开发服务器上运行您的应用程序,默认情况下会在浏览器中打开 http://localhost:3000

组件

React 的核心是组件。以下是一个简单的组件示例:

import React from 'react';

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

export default Welcome;

图片示例

下面是一张 React 的标志图片:

React Logo

更多关于 React 的内容,请访问React 官方网站


返回首页