developer-center/tutorials/react-tutorial

React 是一个用于构建用户界面的 JavaScript 库。它可以帮助开发者创建快速、响应式的应用。

安装 Node.js 和 npm
- 访问 Node.js 官网下载并安装 Node.js。
- npm 是 Node.js 的包管理器，它会随着 Node.js 一起安装。
创建新项目
- 使用 npx create-react-app my-app 命令创建一个新项目。
- 这将创建一个名为 my-app 的新目录，其中包含 React 应用程序的基本结构。
启动开发服务器
- 进入 my-app 目录，运行 npm start。
- 开发服务器会启动，并在浏览器中打开 localhost:3000。

React 应用程序由组件组成。组件可以是一个函数或一个类，它们负责渲染 UI。

函数组件

function App() {
  return <h1>Hello, world!</h1>;
}

类组件

class App extends React.Component {
  render() {
    return <h1>Hello, world!</h1>;
  }
}

JSX 是一种 JavaScript 的语法扩展，它看起来像 HTML，但用于描述 UI 结构。

const element = <h1>Hello, world!</h1>;

React 允许你轻松地在组件中嵌入图片。