SuperAPI AI 工具集

react-patterns

前端与建站

查看项目

更新于 10-16 03:36

技能介绍

React Patterns 提供构建生产级 React 应用的现代模式与原则,按主题组织,便于在开发中查阅与落地。

用途:为组件设计、状态管理、性能与类型等常见决策提供模式参考,减少重复试错。

主要能力:1) 组件设计,区分 Server、Client、展示型与容器型组件,强调单一职责、数据向下事件向上、组合优于继承。2) Hook 模式,给出何时抽取自定义 Hook(如 useLocalStorage、useDebounce、useFetch、useForm),并列出顶层调用、每次渲染顺序一致、以 use 开头、卸载时清理副作用等规则。3) 状态管理选型,按复杂度推荐 useState/useReducer、Context、React Query/SWR、Zustand/Redux Toolkit,并说明状态放置范围。4) React 19 新 Hook,包括 useActionState(表单提交状态)、useOptimistic(乐观 UI 更新)、use(渲染中读取资源),以及编译器自动记忆化带来的收益。5) 组合模式,如复合组件、渲染属性与 Hook 的取舍、高阶组件。6) 性能,强调先分析再优化,给出虚拟化、useMemo、useCallback 等对应措施。7) 错误处理,说明错误边界放置层级与恢复策略。8) TypeScript 类型模式与常见类型,9) 测试层级与优先级,10) 反模式对照。

使用方式:该页面为模式与原则说明,未提供安装命令。具体用法以各条目的规则和推荐方案为指导。

适用场景:React 应用架构设计、代码评审、性能与类型规范制定。

限制:资料未提供版本兼容范围、示例代码、工具链配置或价格信息,这些内容暂未提供。