'''React'''（又称'''React.[[js]]'''）是一个由Meta（原Facebook）开发并维护的开源[[Java]]Script库，用于构建基于组件的[[用户]]界面。<ref name=":0">[https://github.com/gamal2001/History-of-React GitHub - gamal2001/History-of-React]</ref><ref name=":1">[https://www.51cto.com/article/761923.html React初学者指南：React的基本要素 - 51CTO]</ref> 其核心设计思想包括声明式[[编程]]、组件化[[架构]]及虚拟DOM，使开发者能够以模块化的方式构建复杂的交互式[[Web]]应用。<ref name=":2">[https://www.geeksforgeeks.org/reactjs/reactjs-virtual-dom/ Virtual DOM in React JS - GeeksforGeeks]</ref><ref name=":3">[https://blog.logrocket.com/the-virtual-dom-react/ What is the virtual DOM in React? - LogRocket]</ref> React主要用于开发单页应用，亦可与Next.js等框架配合实现[[服务器]]端渲染，或通过React Native构建原生移动应用。<ref name=":0" />
2011年，React首次部署于Facebook的News Feed功能。2012年，Facebook收购Instagram后，React被用于驱动Instagram的Web界面，这是React在Facebook核心平台之外的首次大规模应用。<ref name=":4">[https://zeeshanai.com/blogs/history-of-reactjs/ The History of React.js: From Facebook's Internal Tool to Global Phenomenon]</ref>
React的核心性能优化机制是虚拟DOM（Virtual DOM）。虚拟DOM是真实DOM的轻量级内存表示，以JavaScript对象树的形式存在。<ref name=":3" /> 当组件状态发生变化时，React首先在虚拟DOM中生成新的UI表示，随后通过diff算法将其与前一版本进行比较，识别出最小变更集，最后仅将必要的更新应用至真实DOM。<ref name=":2" /><ref name=":3" /> 这一机制避免了直接操作真实DOM带来的高昂性能开销，确保UI更新高效且流畅。<ref name=":6">[https://www.freecodecamp.org/news/what-is-the-virtual-dom-in-react/ What is the Virtual DOM in React? - freeCodeCamp]</ref>
React Fiber是React 16引入的新的调和引擎，取代了原有的Stack reconciler。<ref name=":7">[https://www.vikatechnologies.in/blog/why-is-react-so-fast-virtual-dom-fiber-architecture Why Is React So Fast? The Virtual DOM & Fiber Architecture Revealed]</ref> Fiber将渲染工作拆分为多个小任务单元，支持任务的暂停、恢复与优先级调度，使高优先级交互（如用户点击、动画）能够及时得到响应，从而改善复杂应用中的用户体验。<ref name=":7" />
