framework-patterns

Quick reference for identifying routes, components, state, and APIs across frontend and backend frameworks.

Content Preview
# Framework-Specific Patterns

Quick reference for identifying routes, components, state, and APIs across frontend and backend frameworks.

## React (CRA / Vite)

| Aspect | Where to Look |
|--------|--------------|
| Routes | `react-router-dom` — `<Route path="...">` or `createBrowserRouter` |
| Components | `.tsx` / `.jsx` files, default exports |
| State | Redux (`store/`), Zustand, Jotai, Recoil, React Context |
| API | `axios`, `fetch`, TanStack Query (`useQuery`), SWR (`useSWR`) |
| Forms 
How to Use

Recommended: Install to project (local)

mkdir -p .claude/skills
curl -o .claude/skills/framework-patterns.md \
  https://raw.githubusercontent.com/alirezarezvani/claude-skills/main/product-team/code-to-prd/references/framework-patterns.md

Skill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.

Alternative: Clone full repo

git clone https://github.com/alirezarezvani/claude-skills

Then reference at product-team/code-to-prd/references/framework-patterns.md

Related Skills