learn/resources/react-js-getting-started

React.js 入门教程

React.js 是一个用于构建用户界面的 JavaScript 库，由 Facebook 开发并维护。它可以帮助开发者创建快速、高效和可维护的网页和移动应用。

快速开始

1. 安装 Node.js 和 npm：首先，确保你的电脑上安装了 Node.js 和 npm。你可以从 Node.js 官网 下载并安装。

2. 创建一个新的 React 项目：打开命令行工具，运行以下命令来创建一个新的 React 项目：

   npx create-react-app my-app
   

   这将创建一个名为 my-app 的新目录，其中包含所有必要的文件和配置。

3. 启动开发服务器：进入 my-app 目录，然后运行以下命令来启动开发服务器：

   npm start
   

   这将在浏览器中自动打开一个新的标签页，显示你的应用。

基本概念

• 组件：React.js 中的基本构建块是组件。组件是可复用的代码片段，用于构建用户界面。
• JSX：JSX 是一种类似于 HTML 的语法扩展，用于描述 UI 结构。
• 状态：状态是组件内部的数据，可以随时间变化。
• 属性：属性是组件的配置，用于控制组件的行为和外观。

扩展阅读

• React 官方文档

React Logo