Паттерны React 18 с TypeScript и TanStack Query

learning

react-skills is a Claude Code skill that provides React 18 patterns and best practices for the LlamaFarm Designer subsystem. The stack covers TypeScript 5.2+, TanStack Query v5 for server state management, React Router v7, TailwindCSS with `tailwind-merge` and `clsx`, Radix UI primitives for accessible components, and Vitest with React Testing Library for testing. Key patterns include component composition with `forwardRef`, layered state handling — local (`useState`, `useReducer`), server (TanStack Query), and shared (React Context) — query key factories, and the `cn()` utility for merging Tailwind classes. The project layout organizes code into `api`, `components`, `hooks`, `contexts`, `lib`, `types`, and `test` directories. The skill is not user-invocable; it acts as an internal knowledge base Claude draws on when building frontend logic in the Designer.