为什么要学习 React？
React 是一个用于构建用户界面的 JavaScript 库，由 Facebook 开发并维护。它采用组件化架构，允许开发者将界面拆分为独立、可复用的组件，从而提升开发效率和代码可维护性。 React 的主要优势包括： - **高效渲染**：通过虚拟 DOM 技术，React 能够高效地更新和渲染页面，减少直接操作真实 DOM 的开销。 - **组件化开发**：支持将 UI 拆分为多个独立组件，便于团队协作和代码复用。 - **丰富的生态系统**：拥有庞大的社区支持和丰富的第三方库（如 React Router、Redux 等），可快速构建复杂应用。 - **跨平台能力**：借助 React Native，可以使用相同的技术栈开发移动端应用。 在学习 React 之前，建议先掌握 JavaScript 的核心概念，例如变量、函数、对象、数组、异步编程（Promise、async/await）以及 ES6+ 新特性（如箭头函数、解构赋值、模块化等）。因为 React 本质上是基于 JavaScript 构建的，深入理解 JavaScript 能让你更轻松地掌握 React 的工作原理，避免在开发中遇到“为什么这样写”的困惑。扎实的 JavaScript 基础是高效使用 React 的关键前提。
为什么要学习 React？
创新性
React 可以无缝集成到任何其他库或框架中，因为 React 只是一个视图层库（它是 MVC 架构模式中“视图”部分的实现）。这种自由选择其他框架和库的能力，使得开发者能够不断尝试新方法，从而推动创新。
简洁的 API
React 拥有相对简单的 API，学习曲线平缓。它只需要掌握少量核心方法即可上手。构建用户界面组件（如按钮等）的代码非常直观，因为几乎不需要写冗余的样板代码，这让 React 相对容易入门。
JavaScript
JavaScript 被公认为全球最流行的编程语言之一，同时功能也非常强大。它既是函数式编程语言，也是面向对象编程语言，因此融合了两种编程范式的优点。React 基于 JavaScript 构建，自然继承了这些优势。
ES6
ES6 指的是 ECMA Script 编程语言的第 6 版。ECMA Script 是 JavaScript 的标准化名称，ES6 是继 2009 年发布的 ES5 之后的下一个重要版本，于 2015 年正式发布。它对 JavaScript 语言进行了重大升级，引入了许多新特性，旨在让大型软件开发更加高效。ES6 带来的诸多新功能显著提升了开发体验。
JSX
JSX 是 JavaScript Syntax Extension（JavaScript 语法扩展）的缩写。它允许你在 JavaScript 中直接使用 HTML 和 XML 语法。本质上，HTML/XML 代码会被“转译”成 JavaScript。也就是说，在代码编译之前，HTML/XML 会被转换为 JavaScript。这使得你可以像写 HTML 一样编写结构，同时又能充分利用 JavaScript 的强大能力。
单向数据流
React 实现了单向数据流机制，使应用程序的行为更易于理解和推理。本质上，UI 的各个部分彼此嵌套，数据流动路径清晰明确，追踪数据变化变得极为简单。
社区支持
React 是一个非常流行且持续发展的库，这意味着它的社区也庞大且不断壮大。因此，网上有大量的学习资源可供参考。无论你在学习过程中遇到什么问题，几乎都能找到类似情况的解决方案——因为很可能别人已经遇到过同样的问题，并在网上分享了解决方案。
为什么还要学 JavaScript？为什么不直接学 React？
虽然可以不掌握 JavaScript 就开始学习 React，但这会非常困难。你将频繁遭遇与语言本身相关的问题，成为前进的障碍。如果你已经熟练掌握 JavaScript，那么学习 React 的过程将会顺畅得多，你可以把精力集中在 React 的核心功能和使用技巧上。在下一课中，我们将介绍 create-react-app 提供的初始代码结构，并探讨哪些 JavaScript 概念会对学习有所帮助。