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 的内容,请访问React 官方网站。