Рефакторинг React-приложения

Формат работы

Фриланс.

Задача

Провести рефакторинг и оптимизацию фронтенда на React/TypeScript. Важно повысить производительность и поддерживаемость кода. Внешний вид и логика остаются без изменений, focus на: формы, списки, архитектуру.

Стек технологий

• React 18/19, TypeScript, Vite, React Router, SCSS

Основные требования

• Разбить крупные компоненты на мелкие или кастомные хуки.
• Унифицировать валидацию форм (рекомендуется React Hook Form + Zod).
• Убрать дублирующие useEffect в формах.
• Оптимизировать мемоизацию в модуле Orders.
• Централизовать кэширование и справочники (страны, банки).
• Структурировать утилиты (форматирование, валидация, работа с API).li>
• Добавить юнит-тесты для форм и процессов создания/редактирования.
• Оптимизировать рендеринг при пагинации и фильтрации.
• Стандартная защита от гонок запросов.
• Исключить повторные загрузки данных при навигации.

Результат

Отрефакторенный код с пояснениями, документацией по новым подходам.

Требования к исполнителю

• Опыт с React и TypeScript.
• Знания работаго React Hook Form, Zod, мемоизации и стратегий запросов.

Условия приемки

Поведение UI полностью сохранено. Сложность кода снижена, работа форм стабильна, производительность не упала.