building-react-application
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+ |
More from cedmandocdoc/awesome-skills
building-react-native-application
Guides building Expo/React Native apps with TypeScript using a consistent architecture and library stack (NativeWind, React Navigation, TanStack Query, Zustand, Axios). Use for all React Native application work.
24building-react-web-application
Guides building Vite + React SPA apps with TypeScript using a consistent architecture and library stack (Tailwind CSS v4, class-variance-authority, TanStack Router file-based routes, TanStack Query, Zustand, Axios, shadcn-style tokens, primitives in src/ui). Use when creating a new React web project or updating architecture/UI/state/API/routing/styling to follow these conventions.
17writing-documentation
Guides creating and updating concise, clear Markdown documentation with consistent structure and tone. Use when writing or editing .md files, Cursor skills (SKILL.md), rules (e.g. .cursor/rules), AGENTS.md, or other AI-facing documentation.
4reviewing-documentation
Reviews Markdown and AI-facing documentation for clarity, structure, style, and formatting against project writing standards. Use when reviewing docs, doc PRs, SKILL.md or rules, or when the user asks whether documentation is well written or needs improvement.
4react-native
Opinionated React Native ecosystem for building apps with a consistent architecture, library stack, and UI patterns
1