# React Performance

> What I do

- Skill: `oalkabouss/react-performance` (Agent Skill)
- Install (CLI): `npx skillmds@latest add oalkabouss/react-performance`
- Raw SKILL.md: https://api.skillmd.com/api/skills/oalkabouss/react-performance/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: oalkabouss (https://skillmd.com/u/oalkabouss)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/oalkabouss/react-performance

---

## What I do

Je fournis des règles de performance pragmatiques :
- memoization sur besoin
- virtualisation pour grandes listes
- stabilité des props

## Decision checklist
Memoize seulement si au moins un de ces points est vrai :
- rendu coûteux
- liste volumineuse
- composant memoïsable (pur)
- callbacks stables nécessaires

## Examples

```ts
const derived = useMemo(() => heavy(users), [users]);
const onSelect = useCallback((id: string) => setId(id), []);
```

## Don’t
- "optimiser" avant d'avoir un problème mesurable.