community/tutorials/react-js

React.js 是一个用于构建用户界面的 JavaScript 库，它可以帮助开发者快速构建高性能的 UI 组件。如果你是 React.js 的初学者，或者想要深入了解这个框架，以下是一些基础教程和资源。

React.js 基础教程

安装 React 首先，你需要安装 Node.js 和 npm。安装完成后，可以通过以下命令创建一个新的 React 应用：
```
npx create-react-app my-app
cd my-app
npm start
```
组件化开发 React.js 的核心思想是组件化。你可以将 UI 划分为独立的组件，每个组件负责渲染 UI 的一个部分。
```
function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}
```

状态管理 在 React.js 中，状态管理是控制组件数据的关键。你可以使用 useState 钩子来添加状态到函数组件中。

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>
  );
}

路由使用 React Router，你可以为你的应用添加路由功能，实现页面跳转。

import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

<Router>
  <Switch>
    <Route path="/about">
      <About />
    </Route>
    <Route path="/">
      <Home />
    </Route>
  </Switch>
</Router>

community/tutorials/react-js

React.js 基础教程

扩展阅读

图片资源