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

learning

react-skills — это скилл для Claude Code, который содержит паттерны и лучшие практики React 18 для подсистемы LlamaFarm Designer. Стек включает TypeScript 5.2+, TanStack Query v5 для управления серверным состоянием, React Router v7, TailwindCSS с `tailwind-merge` и `clsx`, примитивы Radix UI для доступных компонентов, а также Vitest и React Testing Library для тестирования. Скилл описывает ключевые подходы: композиция компонентов с `forwardRef`, разделение состояния на локальное (`useState`, `useReducer`), серверное (TanStack Query) и общее (React Context), фабрики ключей запросов и утилита `cn()` для объединения Tailwind-классов. Структура проекта охватывает директории `api`, `components`, `hooks`, `contexts`, `lib`, `types` и `test`. Скилл не вызывается пользователем напрямую — он служит внутренней базой знаний Claude при разработке фронтенд-логики Designer.