React/视频/入门

React 是一个用于构建用户界面的 JavaScript 库，它使得开发者可以高效地构建响应式和交互式的应用程序。本页面将为您介绍 React 的入门知识。

React 入门指南

1. React 简介

React 是由 Facebook 开发的一个用于构建用户界面的 JavaScript 库。它通过组件化的方式来构建 UI，使得代码更加模块化和可复用。

2. 安装 React

要开始使用 React，首先需要安装 Node.js 和 npm（Node.js 的包管理器）。然后，可以通过以下命令安装 React：

npm install -g create-react-app

安装完成后，可以使用 create-react-app 命令创建一个新的 React 项目：

create-react-app my-app

进入项目目录，并启动开发服务器：

cd my-app
npm start

3. React 组件

React 的核心是组件。组件是 React 应用程序的基本构建块，它可以将 UI 分解成可复用的部分。

以下是一个简单的 React 组件示例：

import React from 'react';

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

export default Welcome;

4. JSX

JSX 是一个类似于 HTML 的 JavaScript 语法扩展，它允许你以声明式的方式编写 UI。在 React 中，所有的组件都使用 JSX 来描述。

以下是一个使用 JSX 编写的组件：

import React from 'react';

function App() {
  return (
    <div>
      <h1>Welcome to React</h1>
      <Welcome name="Alice" />
    </div>
  );
}

export default App;

5. 扩展阅读

想要了解更多关于 React 的知识，可以访问我们的 React 官方文档。

React Logo