(React入门上手——指北指南学习(第一节)
React 入门指南
在本模块中,我们将介绍 React——一个用于构建交互式用户界面的流行JavaScript库。我们会了解它的核心概念、使用场景,以及如何开始使用它构建简单的应用。
什么是 React?
React 是一个由 Meta(原 Facebook)开发并维护的开源JavaScript库,用于构建用户界面(UI)。它专注于构建组件化的、可复用的UI部分,尤其适合构建动态、交互式的单页应用(SPA)。
与直接操作DOM的传统方式不同,React 采用声明式编程范式:你只需描述UI在不同状态下应该是什么样子,React 会自动处理如何将这些描述转换为实际的DOM操作。这种方式让代码更可预测、更易于调试。
为什么选择 React?
React 之所以成为前端开发的主流工具,核心优势包括:
- 组件化:UI被拆分为独立、可复用的组件(如按钮、表单、卡片等),便于维护和扩展。
- 虚拟DOM(Virtual DOM):React 不直接操作真实DOM,而是通过一个轻量级的“虚拟DOM”副本计算变更,再批量更新真实DOM。这大幅减少了DOM操作次数,提升了大型应用的性能。
- 单向数据流:数据在应用中沿单一方向传递(从父组件到子组件),使状态变化更可追踪,降低了复杂应用的维护难度。
- 丰富的生态系统:拥有庞大的社区支持和丰富的工具链(如路由管理库React Router、状态管理库Redux等),能满足从简单应用到企业级项目的需求。
React 核心概念
JSX 语法
React 推荐使用