React 是一个用于构建用户界面的 JavaScript 库，它被广泛用于开发单页应用（SPA）。以下是一些关于 React 的基础教程和资源。

快速开始

  1. 安装 Node.js 和 npm：确保你的系统上安装了 Node.js 和 npm，因为它们是使用 React 的基础。
  2. 创建新项目：使用 create-react-app 工具来快速搭建项目。
    npx create-react-app my-app
  3. 启动项目：进入项目目录，并启动开发服务器。
    cd my-app
npm start
    这将在浏览器中打开一个页面，并显示 "Welcome to React"。

基础组件

React 应用由组件组成。以下是几个基础的 React 组件：

  • JSX：JavaScript XML，用于描述 UI 的语法扩展。
  • 组件：React 中的任何东西都是组件。组件可以是无状态的或是有状态的。
  • Props：组件间的数据传递方式。

实例

假设我们想要创建一个简单的计数器应用：

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

export default Counter;

资源

React Logo