React 受控组件与非受控组件
受控是你用 state 决定输入框显示什么，非受控是让输入框自己管、提交时再读。两条规则不能混，文件输入只能非受控。
css原子化
CSS原子化（Atomic CSS）是一种CSS架构方法论，核心是将CSS样式拆解为最小粒度的、可复用的原子类，每个原子类仅负责实现单一的样式功能（如设置字体大小、颜色、边距、弹性布局属性等），通过组合这些原子类来构建页面样式，而非编写传统的大段聚合式CSS类。
css-in-js
css-in-js是一种将CSS样式直接编写在JavaScript代码中的技术范式，在React生态中，它并非由React官方直接定义的规范，但React官方文档认可并提及这种方案是React应用中管理样式的主流方式之一。从社区与行业权威定义来看，css-in-js本质是通过JavaScript来封装样式逻辑，将样式作为组件的一部分，以JavaScript对象或模板字符串的形式声明样式，再由对应的库（如Styled Components、Emotion等）将其转换为实际的CSS样式并注入到DOM中，实现样式与组件的紧密耦合。
css modules
CSS Modules 是一个模块化和组合式的 CSS 解决方案，并非官方规范，而是一种构建工具层面的技术（如 Webpack、Vite 等均支持），其核心是将 CSS 类名进行局部作用域隔离，每个类名默认仅在当前模块（组件）内生效，避免全局样式污染。React 官方文档中提及 CSS Modules 是 React 项目中管理样式的推荐方案之一，它通过为 CSS 类名生成唯一的哈希值（如 App__header__3x9Z7），实现样式的模块化封装，同时支持类名组合、全局样式声明、变量复用等能力。
高阶组件（HOC）
接收一个组件、返回一个新组件，用来给组件套一层能力。它是组合模式而非 React API，今天多数场景已改用自定义 Hook。
React 的 Portal
把子节点渲染到别的 DOM 节点下，用来让弹窗脱离父级的 overflow 与层叠上下文。它只改挂载位置，不改组件树。
React 组件通信
数据往下传，事件往上报。父子、兄弟、跨多层三种距离各有一种做法，越远越要谨慎。
React 组件基础
组件就是返回 JSX 的函数：名字首字母大写，入参只读，渲染保持纯。类组件如今只在读旧代码时才会遇到。