building-react-application
Installation
SKILL.md
React (web)
Opinionated patterns for React web apps: effects, async work, and conventions that keep hooks predictable and lint-friendly.
When to use
- New or existing React web projects (TypeScript) where side effects and async flows should follow shared conventions
- Code review or implementation questions about
useEffectand promise-based work - Choosing or reviewing general-purpose JS utilities (debounce, chunk, object picks, lodash-style helpers) or date/time handling alongside React code
- Adding or extending reference docs for topics this skill covers (routing, forms, data fetching libraries, etc.)
Utilities
Prefer established libraries over ad-hoc helpers. Import specific functions so bundlers can tree-shake.
| Focus | Doc / resources | When to use |
|---|---|---|
| General-purpose JS | es-toolkit | Debounce, chunk, object helpers; TypeScript-first types; optional es-toolkit/compat for lodash-shaped APIs; strong performance vs older utility stacks |
| Dates and time | date-fns · API docs | Format, parse, compare, and manipulate native Date values; locale-specific formatting via date-fns/locale; first-class time zone support in v4+ |