ГАЙДЫ
Данная страница содержит "1001 способ помочь новичкам". Здесь вы найдете полезные советы и рекомендации, примеры кода, объяснения основных концепций и лучших практик, а также распространенные ошибки, которых стоит избегать.
React строковые пропсы
Как правильно передавать строковые пропсы в React компоненты
Как создавать react хуки
Reactuse предоставляет библиотеку из 150+ лёгких и типизированных хуков для создания React приложений
Skills и гайды
Гайды есть в формате Skills: скачивайте все материалы на платформе. Встроенный AI-ассистент поможет генерировать код или описание навыков на основе наших советов.
Один package manager
Почему важно использовать только один пакетный менеджер в проекте и избегать множественных lock файлов
Ранний выход из функции
Как использовать early return для упрощения кода и уменьшения вложенности условий
SVG в ассетах
Правильная работа с SVG файлами в React: компоненты, спрайты и автоматизация с SVGR
Лишний return в функциях
Как упростить стрелочные функции, убрав лишние return и фигурные скобки
Оператор ?? против ||
Различия между операторами nullish coalescing (??) и логическим ИЛИ (||) при работе со значениями по умолчанию
Children prop
Как правильно использовать children prop в React для создания гибких и переиспользуемых компонентов
Масштабируемые компоненты
Создание масштабируемых React компонентов с помощью расширения HTML-элементов и ComponentProps
Форматер и линтер
Важность использования форматеров и линтеров для поддержания качества и единообразия кода в проекте
Лишняя деструктуризация
Когда деструктуризация усложняет код и как избежать проблем с переименованием переменных
Двойное отрицание
Как избежать двойного отрицания в коде, используя позитивные названия переменных для лучшей читаемости
Функция для classnames
Использование библиотеки clsx для удобного формирования условных CSS классов в React
CSS состояния компонентов
Использование CSS селекторов для состояний компонентов вместо JavaScript обработчиков для лучшей производительности
Плоская структура переводов
Преимущества плоской структуры переводов над вложенной для упрощения поиска и поддержки локализации
Типизация пропсов
Простой и читаемый способ типизации пропсов в React компонентах с использованием TypeScript
Конвенция коммитов
Важность единого формата коммитов в команде для улучшения коммуникации и автоматизации релизов
const vs let
Когда использовать const и let в JavaScript для явного выражения намерений и защиты от ошибок
Uppercase для констант
Правильное использование UPPER_CASE для настоящих констант приложения и различие с обычными переменными
Сортировка импортов
Автоматизация сортировки импортов для улучшения читаемости кода и уменьшения конфликтов при слиянии
Именование TypeScript alias'ов
Правильное именование path mapping в TypeScript для избежания конфликтов с npm-пакетами
Масштабируемость API
Почему API-слой должен состоять из абстрактных утилит, а не из хардкода под конкретные endpoint
Нейминг API
Почему не стоит переопределять названия из OpenAPI и как убрать двойную работу в API-слое