Senior Frontend Developer (React/TypeScript + Telegram Mini-app)

О проекте:

Разработка и поддержка дейтинг веб‑приложения на React с интеграцией в Telegram Mini-app и PWA.

Проект использует Feature-Sliced Design, WebSocket для диалогов.

Обязательные требования:

Технологический стек:

• Глубокая практика с React 18+ и TypeScript 5+ (минимум 3 года);
• Знание Vite 5+ или аналогичных сборщиков (Webpack, Rollup);
• Практика с Feature-Sliced Design или модульной архитектурой;
• Управление состоянием: Zustand, Redux Toolkit или аналоги;
• Работа с серверным состоянием: TanStack React Query (React Query) 5+ с персистентностью кеша;
• WebSocket: STOMP.js, Socket.io или аналоги (реал‑тайм коммуникация);
• Формы: Formik, React Hook Form; валидация: Yup, Zod;
• UI‑библиотеки: Chakra UI или аналоги;
• Стилизация: CSS-in-JS (Emotion, styled-components), препроцессоры (Sass/SCSS), CSS Modules;
• PWA: Service Workers, манифесты, стратегии кеширования;
• Интернационализация: i18next, react-i18next, работа с переводами;
• Роутинг: React Router DOM 6+, навигация, защищённые маршруты;
• REST API: работа с OpenAPI, генерация TypeScript‑клиентов из схем;
• Инструменты: Git, ESLint 9+, Prettier, Husky, lint-staged;
• Code review, работа в команде, понимание CI/CD.

Telegram Mini-app:

• Практика разработки Telegram Mini-app;
• Валидация данных от Telegram;
• Интеграция Telegram Stars для платежей, работа с платежными методами Telegram;
• API Telegram: управление интерфейсом Mini-app;
• Адаптация UI под ограничения Mini-app, работа с viewport и безопасными зонами.

Будет преимуществом:

• Анимации: Framer Motion, React Spring или аналоги;
• Оптимизация производительности: React.memo, useMemo, useCallback, code splitting, lazy loading;
• Мобильная адаптация: responsive design, touch‑жесты, работа с viewport;
• Работа с медиа: обработка изображений и видео;
• Понимание архитектуры микросервисов и взаимодействия с несколькими API.

Технические детали проекта:

Архитектура:

• Feature-Sliced Design: entities, features, widgets, pages, shared;
• Модульная структура с изолированными слоями;
• Типизация на TypeScript, строгие правила ESLint.

Инфраструктура:

• Vite 5.2 с плагинами;
• Раздельные сборки: development, staging, production;
• Автогенерация типов для SCSS‑модулей (typed-scss-modules);
• Генерация API‑клиентов из OpenAPI схем.

Интеграции:

• WebSocket через STOMP.js и SockJS для мессенджера и уведомлений;
• Firebase для аналитики;
• Telegram Web App SDK для Mini-app;
• Множественные API‑сервисы (core, dialogs, payments, media и др.).

Управление состоянием:

• Zustand для локального и глобального состояния;
• TanStack React Query с персистентностью для серверного состояния;
• Синхронизация данных в реалтайме через WebSocket.

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

• Разработка новых фич и развитиие текущего продукта для веб и Telegram Mini-app;
• Рефакторинг и оптимизация существующего кода;
• Интеграция с Telegram Web App API;
• Работа с WebSocket для внутреннего мессенджера;
• Оптимизация производительности и UX;
• Code-review и менторинг команды.

Условия:

• Удалённая работа или гибридный формат;
• Полная занятость;
• Работа над сложным веб‑приложением с интеграцией Telegram Mini-app.