<!-- AUTO-GENERATED from SKILL.md frontmatters — do not edit manually -->
# react Skills Index

## File Match (auto-check against the file you are editing)

| Skill | File pattern | Keywords |
| ----- | ------------ | -------- |
| **react-component-patterns** | `**/*.jsx`, `**/*.tsx` | component, props, children, composition, hoc, render-props |
| react-testing | `**/*.test.tsx`, `**/*.spec.tsx` | render, screen, userEvent, expect |
| react-tooling | `package.json` | devtool, bundle, strict mode, profile |

## Keyword Match (only when user's request mentions these)

| Skill | Match when user mentions |
| ----- | ----------------------- |
| **react-hooks** | useEffect, useCallback, useMemo, useState, useRef, useContext, useReducer, useLayoutEffect, custom hook |
| **react-performance** | waterfall, bundle, lazy, suspense, dynamic |
| **react-security** | dangerouslySetInnerHTML, token, auth, xss, react security, csp, content security policy, sanitize html, secure cookie, jwt react, oauth react, dompurify |
| **react-state-management** | state, useReducer, context, store, props |
| react-typescript | ReactNode, FC, PropsWithChildren, ComponentProps, react typescript, tsx types, props interface, generic component, useState type, useRef type, typed hooks |

> Load matched skills: `<SKILLS>/react/<skill>/SKILL.md`. Load ALL that match — the tier model already filters irrelevant ones.
