application-tracker

Create a React component with TypeScript and optional tests. Use when: adding a new UI component, container, layout, or form to a React or Next.js frontend. Only for React-based stacks — for Vue, Svelte, or Angular, read the existing component files for that stack instead.

Create a custom React hook with TypeScript and tests. Use when: extracting reusable stateful logic into a custom hook for a React or Next.js frontend (useState, useEffect, useCallback patterns). Only for React-based stacks — for Vue composables, Svelte stores, or Angular services, read the existing code for that stack instead.

Add unit tests for a React component or utility function using @testing-library/react and Jest/Vitest. Use when: writing or improving tests for a React component, hook, or utility in a React or Next.js frontend. Only for React-based stacks — for other frameworks (Vue, Svelte, Angular, Python, Java, Go) read the existing test files and use that stack's testing framework instead.