Официальный сайт Российской кинологической федерации (РКФ) — React-разработка в команде

Описание

Задача:
- Модернизация существующего сайта РКФ: улучшение производительности, добавление новых модулей и поддержка актуального дизайна.
- Работа в команде (5+ человек: фронтенд, бекенд, дизайнеры, менеджер).

Моя роль:
- Рефакторинг устаревших React-компонентов (оптимизация рендеринга, переход на функциональные компоненты).
- Разработка новых модулей: система сертификации питомников, календарь мероприятий.
- Интеграция с бекендом (REST API, WebSockets для уведомлений).

Решение

Работа с legacy-кодом:
- Переписал классовые компоненты на React Hooks + TypeScript.
- Внедрил lazy loading для тяжёлых модулей (галереи изображений).

Новые функции:
- Календарь мероприятий: Drag-and-drop интерфейс (использовал React DnD).
- Система сертификации: Динамические формы с валидацией (Formik + Yup).

Командная работа:
- Ежедневные стендапы (Jira, Slack).
- Code review через GitLab Merge Requests.

Стек:
- React, TypeScript, Redux Toolkit, Formik, WebSockets, REST API.

Результат

✅ Сайт стал работать на 30% быстрее (замеры через Lighthouse).
✅ Добавлено 5 новых модулей без потери производительности.
✅ Улучшена поддержка мобильных устройств (адаптивность 100% по Figma-макетам).

Ссылки на примеры реализации

 rkf.online

Презентация проекта