🗺️ Рецепты
Готовые сниппеты и паттерны для быстрого старта.
Клиент
Сеть (Fetch обёртки, retry, abort)
- Рецепт -- Fetch обёртка с обработкой ошибок
- Рецепт -- кастомный хук для Fetch
- Рецепт -- retry для API-запросов
- Рецепт -- API-клиент с TypeScript
- Рецепт -- парсинг URL параметров
Хранение (localStorage с TTL)
- Рецепт -- localStorage обёртка
- Рецепт -- глобальный стейт без библиотек
- Рецепт -- копирование в буфер обмена
Утилиты (debounce, throttle, memoize)
- Рецепт -- debounce для поиска
- Рецепт -- throttle для скролла
- Рецепт -- deep clone объекта
- Рецепт -- сортировка и фильтрация массива
- Рецепт -- форматирование даты
- Рецепт -- генерация уникального ID
- Рецепт -- определение размера экрана
- Рецепт -- делегирование событий
- Рецепт -- обработка ошибок (Error Boundary)
- Рецепт -- EventBus (Pub-Sub)
Интерфейс
Модалки, dropdown, drag-and-drop, tooltip
- Popup модальное окно
- Dropdown меню
- Drag and Drop
- Tooltip
- Рецепт -- аккордеон
- Рецепт -- табы (tabs)
- Рецепт -- бургер-меню
- Рецепт -- кастомный select
- Рецепт -- кастомный checkbox и radio
- Рецепт -- форма с валидацией · Валидация формы в реальном времени
- Рецепт -- хлебные крошки (breadcrumbs)
- Рецепт -- пагинация
- Рецепт -- поиск с автодополнением
Carousel, infinite scroll, skeleton
- Слайдер
- Бесконечный скролл
- Скелетон загрузки
- Рецепт -- анимация загрузки (spinner)
- Рецепт -- плавное появление при скролле
- Рецепт -- параллакс эффект
- Рецепт -- анимация hover для карточек
- Рецепт -- тёмная тема (dark mode toggle)
Lazy loading
Раскладка
- Рецепт -- центрирование элементов (все способы)
- Рецепт -- sticky header
- Рецепт -- sticky footer
- Рецепт -- sidebar layout
- Рецепт -- Holy Grail Layout
- Рецепт -- responsive grid карточек
GitHub workflows
Готовые .yml и конфиги для CI/CD:
- Работа с GitHub
- Рецепт -- README шаблон проекта
- Рецепт -- ESLint + Prettier конфиг
- Рецепт -- tsconfig.json для React + TypeScript
- Рецепт -- Husky + lint-staged
- Рецепт -- EditorConfig
- Рецепт -- package.json scripts
- Рецепт -- структура проекта (Frontend)
Сервер
TODO — серверных рецептов пока нет.