React 是什么？

Source: Dev.to

Overview

React（也称为 React.js 或 ReactJS）是 一个用于构建用户界面（UI）的开源 JavaScript 库，尤其适用于单页应用（SPA）。它由 Meta（前身为 Facebook）以及大量个人开发者和公司共同维护。

Core Concepts and Features

• 基于组件的架构： React 应用由封装且可复用的 UI 组件构成。这些组件可以组合成复杂的界面，从而提升模块化、可维护性和代码复用性。

• 声明式视图： 开发者描述每种应用状态下 UI 应该是什么样子，React 会在数据变化时自动更新并仅渲染必要的组件。这使得代码更可预测，也更易于调试。

• 虚拟 DOM（Document Object Model）： 与其直接操作可能较慢的真实 DOM，React 会创建一个轻量级的内存副本——虚拟 DOM。当数据变化时，React 更新虚拟 DOM，计算差异（即“diff”或“reconciliation”过程），随后只更新真实 DOM 中需要改变的部分。这样保证了渲染效率和高性能。

• JSX（JavaScript XML）： React 使用一种叫 JSX 的语法扩展，允许开发者在 JavaScript 代码中编写类似 HTML 的标签。这使得定义 UI 结构的代码更易读、更直观。

• 单向数据流： React 通常强制单向数据流（通过 props 从父组件向子组件下传），这让数据流更可预测，应用状态更易于管理和调试。

• React Hooks： 在 React 16.8 中引入，Hooks 是函数（如 useState 和 useEffect），使开发者能够在函数组件中使用状态和其他 React 特性，而无需依赖类组件。

What Is React Used For?

• 构建动态且交互式的 Web 应用和用户界面（例如社交媒体信息流、电子商务站点、仪表盘）。

• 开发 单页应用（SPA），只加载一个 HTML 页面并在不刷新整个页面的情况下动态更新内容，从而提供流畅的用户体验。

• 使用 React Native 创建跨平台的移动应用，面向 iOS 和 Android，渲染为原生 UI 组件而非 WebView。

• 使用基于 React 的框架（如 Next.js 和 Gatsby）开发服务器渲染的应用和静态站点。