2、React与JSX：构建用户界面的利器

React与JSX：构建用户界面的利器

1. 为什么选择React？

在开始深入学习之前，让我们先了解一下为什么React是构建用户界面的优秀选择。

1.1 React是什么？

React是一个用于构建用户界面的JavaScript库。它的官网对其描述非常简洁：“A JavaScript library for building user interfaces”。这意味着它专注于用户界面的构建，而不是像一些大型框架那样试图处理从数据库到实时更新的所有事情。Facebook显然听取了开发者的需求，提供了一个专注于核心功能的库。

1.2 React是视图层

React通常被视为应用程序中的视图层。就像jQuery可以操作UI元素，Handlebars可以将模板插入页面一样，React组件负责改变用户看到的内容。其核心概念是：应用程序逻辑生成数据，然后将数据传递给React组件，组件将HTML渲染到页面上。

graph LR
    A[应用逻辑] --> B[生成数据]
    B --> C[传递给React组件]
    C --> D[渲染HTML到页面]

1.3 简单性的优势

React的API相对较小，这使得开发者可以有更多时间熟悉和试验它。与大型框架不同，大型框架可能会让开发者花费大量时间去弄清楚所有功能的工作原理。React主要分为两个主要API：
- React DOM ：用于在网页上进行实际渲染的API。