React

React（又称React.js）是一个由Meta（原Facebook）开发并维护的开源JavaScript库，用于构建基于组件的用户界面。 其核心设计思想包括声明式编程、组件化架构及虚拟DOM，使开发者能够以模块化的方式构建复杂的交互式Web应用。 React主要用于开发单页应用，亦可与Next.js等框架配合实现服务器端渲染，或通过React Native构建原生移动应用。

历史

React由Meta软件工程师Jordan Walke创建，其灵感源自XHP——一个用于PHP的HTML组件库。 Walke最初开发了一个名为"FaxJS"的原型，允许在JavaScript中编写类HTML语法并通过虚拟DOM抽象将其渲染至DOM。

2011年，React首次部署于Facebook的News Feed功能。2012年，Facebook收购Instagram后，React被用于驱动Instagram的Web界面，这是React在Facebook核心平台之外的首次大规模应用。

2013年5月，React在JSConf US上由Tom Occhino和Pete Hunt正式对外公布并开源。 发布初期，JSX语法扩展曾引发部分开发者的质疑，但Facebook工程团队阐述了虚拟DOM的性能优势与组件化架构的可维护性，逐步获得了广泛认可。

2015年2月，Meta在React Conf上宣布React Native，同年3月将其开源，使开发者能够使用React范式构建iOS与Android原生应用。 2017年4月，Meta宣布React Fiber——一套新的调和算法，取代了此前的"Stack"架构，通过将渲染工作分割为可独立调度的小单元，显著提升了动态更新场景下的响应性能。

技术特性

虚拟DOM

React的核心性能优化机制是虚拟DOM（Virtual DOM）。虚拟DOM是真实DOM的轻量级内存表示，以JavaScript对象树的形式存在。 当组件状态发生变化时，React首先在虚拟DOM中生成新的UI表示，随后通过diff算法将其与前一版本进行比较，识别出最小变更集，最后仅将必要的更新应用至真实DOM。 这一机制避免了直接操作真实DOM带来的高昂性能开销，确保UI更新高效且流畅。

组件化架构

React采用组件化设计，将用户界面拆分为独立、可复用的组件单元。每个组件封装了自身的逻辑与渲染输出，可通过组合方式构建复杂的应用结构。 组件可以是类组件（Class Components）或函数组件（Function Components），后者配合Hooks API已成为当前主流写法。

JSX

JSX是一种JavaScript语法扩展，允许在JavaScript代码中直接编写类HTML元素。 它并非模板语言，而是会被编译为普通的JavaScript函数调用。JSX使组件的结构与逻辑紧密耦合，提升了代码的可读性与开发效率。

React Fiber

React Fiber是React 16引入的新的调和引擎，取代了原有的Stack reconciler。 Fiber将渲染工作拆分为多个小任务单元，支持任务的暂停、恢复与优先级调度，使高优先级交互（如用户点击、动画）能够及时得到响应，从而改善复杂应用中的用户体验。

主要API

React通过Hooks API为函数组件提供状态管理与副作用处理能力。useState用于在函数组件中管理本地状态，useEffect用于处理副作用（如数据获取、订阅管理），useContext用于访问React上下文，useReducer则提供了类Redux的状态管理范式。 这些API使函数组件具备了此前仅类组件拥有的能力，推动了React开发范式的演进。

生态与应用

React已成为全球最具影响力的前端技术之一。除Web应用外，React Native使开发者能够使用相同的组件化思维构建跨平台移动应用。 在服务端渲染领域，Next.js、Remix等元框架基于React提供了完整的服务器端渲染与静态站点生成方案。React亦被广泛应用于数据可视化仪表盘、内容管理系统及电子商务平台的开发。