Frontend-разработчик (React, TypeScript)

Что предстоит делать

• Проект / направление: личный кабинет подрядчика — внутренняя B2B-система электронного документооборота для строительного девелопмента. Через интерфейс подрядные организации и внутренние службы заказчика работают с договорами, актами выполненных работ, счетами, платежами, сметами, лимитно-заборными картами и замечаниями стройконтроля. Данные приходят из корпоративной 1С, обогащаются в кабинете и уходят обратно. Это рабочие экраны, а не лендинг: таблицы документов, фильтры, файлы, статусы обмена, права доступа. Платформу переписывают на актуальный стек. Новый фронтенд: React 18, TypeScript, Vite, Redux Toolkit + RTK Query, MUI и собственная дизайн-система, FSD. Архитектурные решения принимаются — можете влиять. На базе решения планируем запуск новых продуктов: харнесс для ИИ, система управления качеством объектов строительства, сервис для работ по планированию производства.

• Ключевые задачи должности:
• разрабатывать экраны и модули личного кабинета на React 18 и TypeScript;
• собирать таблицы документов с фильтрацией, сортировкой, пагинацией и состояниями загрузки / ошибки / пустого списка;
• интегрировать UI с REST API через RTK Query: кэш, теги инвалидации, мутации, загрузка и скачивание файлов;
• реализовывать авторизацию: JWT access/refresh, silent refresh, работа с httpOnly-куками и CORS;
• развивать и применять собственную дизайн-систему на MUI: токены, тема, Storybook;
• соблюдать FSD (или принятую feature-based архитектуру): слои и правила импортов;
• переносить пользовательские сценарии с легаси на новую платформу;
• участвовать в декомпозиции и оценке задач, проводить и принимать код-ревью.
• Стек: React 18, TypeScript 5+, Vite, Redux Toolkit, RTK Query, React Router v6, MUI + собственная дизайн-система, TanStack Table, SCSS-модули, Storybook, JWT, FSD, GitLab CI.

Что ждём от вас

• Коммерческий опыт фронтенд-разработки от 1 года.
• TypeScript 5+: дженерики, union и literal types, utility-типы, type guards; код без any.
• React 18: функциональные компоненты, хуки и правила их использования, кастомные хуки, понимание причин ререндера и уместной мемоизации.
• Redux Toolkit: createSlice, типизированные селекторы и dispatch, immer-мутации.
• RTK Query: запросы и мутации, инвалидация кэша через теги, transformResponse, skip, isLoading / isFetching.
• React Router.
• Желательно:
• TanStack Table: columnDef, сортировка и фильтрация, кастомные ячейки, ресайз и видимость колонок.
• Производительность: React Profiler, debounce, виртуализация длинных списков.
• Даты и таймзоны: date-fns / dayjs.
• A11y: семантика, лейблы, фокус, навигация с клавиатуры.
• Дизайн-системы: опыт разработки или поддержки библиотеки компонентов.
• WebSocket: подключение, события, реконнект.
• Графики и drag-and-drop: MUI X Charts, dnd-kit или аналоги.
• Использование ИИ-агентов.

Что предлагаем