React + TypeScript AI Context Pack — Make Claude, Cursor & Copilot Code Like a Senior Dev

Your AI assistant forgets your standards every single chat.You re-explain "use strict types, no any, hooks not classes, TanStack Query for server state" over and over — and it still hands you a React.FC with a useState full of fetched data.This pack fixes that permanently.It's a set of ready-to-drop context files that tell Claude, Cursor, GitHub Copilot, and other AI agents exactly how to write React 19 + TypeScript code — encoding the conventions a senior engineer enforces in code review. Drop them in once, edit one section for your project, and every suggestion in every file follows your standards.What's included CLAUDE.md — for Claude Code & Claude in your IDE AGENTS.md — the cross-tool agent standard .cursorrules — for Cursor .github/copilot-instructions.md — for GitHub Copilot README.md — 60-second setup guide What your AI starts doing automatically Strict typing — no any, no React.FC, props typed directly, external data validated with Zod Hooks done right — effects only for external sync, full dependency arrays, proper cleanup Server state in TanStack Query instead of useState Loading / error / empty states handled every time Accessible markup, feature-first structure, behavior-driven tests Setup takes 60 seconds: copy the files for your tools, fill in the short "Project specifics" section, commit. No extension, no config, no build step.Targets React 19 + TypeScript 5 (works great on React 18). Edit anything — the files are yours.Unlimited personal & commercial projects. Lifetime updates.

Found on Devadex — the discovery index for independent software the big search engines bury. More from gumroad.

Report this listing