react/quick_start

React 快速入门指南

👋 欢迎来到 React 快速入门指南！React 是一个用于构建用户界面的 JavaScript 库，它可以帮助你创建高效的、可维护的 Web 应用程序。

快速开始

1. 安装 Node.js 和 npm：React 需要 Node.js 和 npm 来运行。你可以从 Node.js 官网 下载并安装。
2. 创建一个新的 React 应用：使用 Create React App 工具，可以快速搭建一个全新的 React 项目。

   npx create-react-app my-app
   

3. 进入项目目录：

   cd my-app
   

4. 启动开发服务器：

   npm start
   

   这将在本地启动一个开发服务器，默认访问地址为 http://localhost:3000。

基本概念

• 组件：React 应用由组件组成，组件是可复用的代码块，它们可以被重复使用来构建复杂的 UI。
• JSX：JSX 是一种 JavaScript 的语法扩展，它看起来像 HTML，但它实际上是一种 JavaScript 表达式。
• 状态（State）：状态是组件的数据模型，它允许组件根据条件渲染不同的 UI。

学习资源

• React 官方文档：这是学习 React 的最佳起点。
• React 中文社区：提供 React 相关的中文资源和学习材料。

图片示例