Logo
Section 1 / 6

你好,我的名字是 React

本课程为你介绍React。你可能会问自己:我为什么要首先学习React呢?本课程或许能为你解答这个问题。

导入

你好,我的名字是 React

本课程为你介绍React。你可能会问自己:我为什么要首先学习React呢?本课程或许能为你解答这个问题。

本章是关于 React 的入门介绍,React 是一个用于构建单页应用和移动应用界面的 JavaScript 库。我将解释为什么开发者应该考虑将 React 加入自己的技术工具箱。我们将深入探讨 React 生态系统,从零开始创建第一个 React 应用,无需任何配置。在此过程中,我们会介绍 JSX——React 的语法扩展,以及 ReactDOM,帮助你理解 React 在现代 Web 应用中的实际用途。

## 你好,我是 React。 近年来,单页应用([SPA](https://en.wikipedia.org/wiki/Single-page_application))越来越受欢迎,因为 Angular、Ember 和 Backbone 等框架让 JavaScript 开发者能够使用超越原生 JavaScript 和 jQuery 的技术来构建现代 Web 应用。上述三个框架是最早的 SPA 之一,分别在 2010 年至 2011 年间崭露头角,但如今单页开发的选择已非常丰富。第一代 SPA 框架多面向企业级应用,因此其架构较为僵化。而 React 则是一个持续创新的库,已被 Airbnb、Netflix 和 Facebook 等众多科技领军企业采用。 React 于 2013 年由 Facebook 的前端开发团队发布,作为一个视图层库,它是 [MVC](https://en.wikipedia.org/wiki/Model–view–controller)(模型-视图-控制器)架构中的“V”(视图)。作为视图层,它允许你将组件渲染为浏览器中可显示的元素,同时其生态系统支持构建单页应用。与早期框架试图一次性解决所有问题不同,React 仅专注于构建视图层;具体来说,它是一个以可组合组件层级构成的库。如果你之前没接触过 MVC 架构,也不必担心,它只是用来帮助那些来自其他编程语言背景的人理解 React 的历史定位。 在 React 中,核心始终聚焦于视图层,直到后续逐步引入更多功能。这些正是构建单页应用的基本模块,对于打造成熟的应用至关重要。它们具有两大优势: * 你可以逐个学习这些基础模块,无需一开始就掌握全部内容。相比之下,许多 SPA 框架从一开始就提供全套工具。本课程将 React 作为首个基础模块进行讲解,未来会逐步引入更多模块。 * 所有模块均可互换,这使得 React 生态系统极具创新性。多种解决方案可以相互竞争,你可以根据具体需求选择最合适的方案。 React 是构建现代 Web 应用的最佳选择之一。尽管它仅提供视图层,但其周边生态系统共同构成了一个高度灵活且可替换的完整框架。React 拥有简洁的 API、强大且不断演进的生态体系,以及活跃而友好的社区。

延伸阅读

如果你想了解更多我为何选择 React,或希望对上述主题有更深入的理解,以下文章提供了更全面的视角:

简介

ES6 中的 const 和 let