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