React 入门

什么是 React 应用？

在过去，创建一个网页需要编写足够的 HTML 标记来让页面外观正确，然后使用 CSS 进行样式设计。后来，Bootstrap 等库变得流行起来，帮助开发者以一致的风格快速构建专业外观的页面。为了实现交互式用户界面，开发者必须使用 JavaScript，它非常适合事件驱动编程——你可以定义函数，在特定事件发生时被调用。

在这些技术发展的基础上，前端开发生态系统逐渐涌现出各种库，使前端开发变得更加轻松。然而，构建前端 Web 应用仍然面临挑战。人们迫切需要一种更简单、模块化且可扩展的方式来构建前端界面。为此，Facebook 于 2013 年推出了 React。

React 采用组件化结构（特殊的 JavaScript 类），用于渲染 HTML。每个组件的渲染过程可以包含其他组件。

为什么选择 React

本课程专注于 React，原因如下：

• 从本课程的目标来看，掌握一个框架就足够了。频繁在不同框架之间切换容易造成混淆。

• React 的核心概念数量较少，足以让我们快速上手。这种较低的学习门槛使其成为像本课程这样快速入门指南的理想选择。

• 对 React 的一个常见质疑是其使用了 JSX 这种 JavaScript 的语法扩展。但正是这种语法允许我们将 HTML 代码直接嵌入 JavaScript 中，以清晰且易于修改的方式书写，从而减少文件数量，简化项目结构。此外，我们还将使用 styled components，将 CSS 样式直接写入代码中。

• React 拥有活跃的社区支持。一些预测表明，它有望超越 Angular，成为未来几年最受欢迎的前端 JavaScript 框架。