基于 SOC 职业分类
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/dipro-vn/dipro-ai-boost --skill react-performance命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
正在显示 SKILL.md
Use when a task that changed backend code is finishing, before reporting it done. Symptoms — a migration was added, a request or response shape changed, a new route exists, a cache key was added, something could not be verified, a problem was found and deliberately left alone.
Use when adding or changing a protected route, a guard, a role check, or any query that reads or writes records belonging to a user or tenant. Symptoms — a findById that takes only an id, a route with no guard, a role checked in the controller but not the query, an ID read straight from params, a new public endpoint, a service method reachable from more than one caller.
Use when choosing which exception to throw, shaping an error response, or deciding what to log. Symptoms — a caught error that returns 200, a try/catch that swallows the cause, a 500 where the client should see 400, an error message exposing a stack trace or SQL, a log line with no request context, the same failure logged at every layer.
| name | react-performance |
| description | null |
Category: react · Status: 🟢 Active
Khi component re-render thừa, list lớn lag, hoặc tính toán nặng lặp lại.
useMemo cho tính toán nặng; useCallback cho callback truyền xuống child memo.React.memo cho child tốn kém nhận props ổn định.key ổn định, duy nhất (id thật, không dùng index khi list đổi thứ tự).lazy/Suspense) và virtualize list dài.const Row = React.memo(function Row({ item, onPick }: RowProps) {
return <li onClick={() => onPick(item.id)}>{item.label}</li>;
});
const handlePick = useCallback((id: string) => select(id), [select]);
const sorted = useMemo(() => heavySort(items), [items]);
Good: Row memo + handlePick useCallback ổn định + key={item.id}.
Avoid: key={index}, memo hóa mọi thứ vô tội vạ, callback mới mỗi render phá memo.
key ổn định, duy nhất (không dùng index khi list đổi)memo/useMemo/useCallback dùng đúng chỗ