React · 组件化前端框架
英文：react/riˈækt/（重音在后）
技术栈与工具难度：进阶 ★★
🗣️一句话大白话
最流行的前端框架：把页面拆成一个个「组件」，数据一变，用到它的地方自动更新。AI 生成前端代码时的默认首选。
🎬真实场景
页面上有 20 个「收藏按钮」，行为完全一样。React 里写一个按钮组件复用 20 次：改一处，20 个全更新——不用复制粘贴 20 遍。
📮你可以这样说
「「前端用 React + TypeScript。可复用的部分（按钮、卡片、弹窗）做成独立组件，禁止复制粘贴相似代码。」」
通过 AI绘图 工作台生成（模型 API 额度由此消耗）；未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸React 是「库」不是全家桶：路由、数据请求要配别的库——所以常配 Next.js
- ▸组件的「状态（state）」变了页面才刷新：改了数据页面没动，多半是改法不对
- ▸不需要先精通 JS 再学 React，但 JS 基础太薄会处处卡
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系