Front-End разработчик (Full-Time, Remote)

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

Штаб-квартира: Удаленно URL: https://www.horizonassetinvestments.com/ Front-End Developer (Полная занятость, Удаленно) Мы ищем Front-End разработчика для проектирования и создания пользовательских компонентов нашей высокопроизводительной торговой платформы. Вы будете играть ключевую роль в создании интуитивно понятных интерфейсов, насыщенных данными, которые позволят трейдерам и аналитикам работать эффективно и результативно. Вы будете тесно сотрудничать с командой Back-End разработки и Project Manager для создания бесшовных, интегрированных систем. Ключевым фактором является способность front-end разработчика глубоко обсуждать подходы, компромиссы, ограничения, плюсы и минусы с командой разработки, а не полагаться на какой-либо конкретный шаблон или библиотеку. Ключевые обязанности * Разрабатывать и поддерживать front-end приложения нашей торговой платформы. * Сотрудничать с back-end разработчиками и project manager для обеспечения плавной интеграции между системами. * Проектировать и реализовывать многоколоночные макеты, меню и рабочие процессы, которые балансируют между удобством использования и эффективностью. * Вносить вклад в дизайн и пользовательский опыт торговой платформы, менеджера производительности и рисков, а также движка бэктестинга. * Внедрять и оптимизировать функции построения графиков и визуализации данных, используя такие библиотеки, как TradingView или D3.js, для поддержки широкого спектра типов графиков (таблицы, мультилинейные наборы графиков и т.д.). * Постоянно улучшать UI/UX для обеспечения ясности, скорости и интуитивной навигации для конечных пользователей. Квалификация * Отличные коммуникативные навыки и способность эффективно сотрудничать с разработчиками, project manager и бизнес-стейкхолдерами. * Острый глаз на дизайн, простоту и эффективность, с умением преобразовывать сложные требования в чистые, удобные интерфейсы. * Знание финансовых систем или концепций трейдинга приветствуется. Основной стек (обязательно) * React 18 + Next.js (App Router), TypeScript, TailwindCSS. * Уверенное владение управлением состоянием для высокочастотных данных (например, Zustand, Redux Toolkit, useSyncExternalStore). Данные реального времени и производительность * Практический опыт работы с WebSockets / SSE и стратегиями переподключения/backoff; обработка аутентифицированных сокет-соединений и повторных подписок на топики. * Опыт реализации backpressure, буферизации, объединения (coalescing) и оконных функций (windowing) для предотвращения "дергания" UI при тысячах обновлений в минуту. * Виртуализация данных (react-virtualized, react-window) для больших таблиц (ордера, позиции, сделки). * Знакомство с Web Workers / OffscreenCanvas и передачей сообщений для поддержания отзывчивости основного потока. * Понимание бюджетов задержек и профилирования времени кадра с помощью React DevTools и инструментов производительности браузера. Построение графиков и визуализация * Практический опыт работы с профессиональными библиотеками для построения графиков (например, TradingView Charting Library, Lightweight Charts, Highcharts, D3). * Наложение данных в реальном времени: лучший бид/аск, глубина книги ордеров, последние OHLCV, аннотации ордеров/позиций. * Многопанельные макеты (цена, объем, индикаторы) с синхронизированными перекрестиями и временными шкалами. Архитектура и доступ к данным * Кэширование и инвалидация на стороне клиента (например, TanStack Query / React Query). * UI, управляемый схемой (Schema-driven UI) для инструментов и торговых площадок. * Использование Error Boundaries, Suspense и прогрессивной гидратации/стриминга для больших страниц Next.js. Аутентификация, безопасность и роли * Глубокое понимание потоков OIDC/JWT, обновления/ротации токенов и аутентификации WebSocket. * Функциональное ограничение на основе ролей (права только на чтение против торговых разрешений). Тестирование, качество и надежность * Модульные тесты для критически важных преобразований/парсеров (например, Playwright/Vitest для E2E/взаимодействий). * Опыт работы с feature flags, поэтапными развертываниями и мониторингом с помощью Sentry/OpenTelemetry. Желательно, но не обязательно * Опыт работы с макетами уровня настольных приложений (панели с функцией перетаскивания для закрепления, изменяемые сетки). * Знакомство с WASM для тяжелых вычислений (например, расчет индикаторов). * Знание нюансов FIX/крипто-площадок (tick sizes, lot sizes, торговые сессии). Вопросы для отбора кандидатов Держите ответы в объеме **4–8 предложений** каждый. Допускаются маркированные списки, если они понятны. 1) **Миграция UI (hrzk → Next.js):** Выберите ОДНУ область из предоставленного `hrzk.html` (например, таблица Ордера+Сделки, Позиции, Equity/Drawdown). Объясните, как бы вы мигрировали её на **React 18 + Next.js (App Router) + TypeScript + Tailwind**. Включите структуру папок и то, что вы сделали бы **клиентскими vs серверными компонентами**. (Нам важны ваши компромиссы, а не "единственно верный путь".) 2) **Прием данных в реальном времени:** Опишите, как бы вы обрабатывали **WebSockets/SSE** для высокочастотных обновлений: переподключение/backoff, аутентифицированные сокеты и повторные подписки на топики. Какие сбои вы ожидаете в продакшене? 3) **Backpressure + предотвращение "дергания" UI:** Предположим **тысячи обновлений в минуту** для ордеров/позиций/сделок. Объясните, как бы вы реализовали буферизацию/объединение/оконные функции, чтобы UI оставался отзывчивым. Упомяните, как бы вы объединили это с **управлением состоянием** (например, Zustand/RTK/useSyncExternalStore) и **виртуализацией** (react-window / react-virtualized). Что бы вы измерили, чтобы доказать, что это работает? 4) **Подход к построению графиков:** Нам нужны быстрые, читаемые, насыщенные данными графики (equity/drawdown, кольцевые/столбчатые и т.д.). Выберите тип графика из `hrzk.html` и объясните: - какую библиотеку для построения графиков вы бы выбрали (TradingView Lightweight Charts / Highcharts / D3 / и т.д.) - стратегию частоты обновлений - риски для производительности + меры по их снижению 5) **Аутентификация + ролевое ограничение:** Объясните, как бы вы обрабатывали обновление токенов JWT/OIDC и **аутентификацию WebSocket**, а затем реализовали ролевое ограничение (только чтение против торговли). Используйте пример, такой как "Отменить все ордера" или "Остановить/Запустить исполнение": когда вы скрываете, когда отключаете, а когда показываете предупреждение? 6) **Удаленная ответственность + командная работа:** Приведите один пример, когда вы взяли на себя ответственность удаленно в условиях неоднозначной задачи. Затем опишите, как бы вы работали с небольшой командой разработчиков: как вы задаете уточняющие вопросы, сообщаете о рисках на ранней стадии и избегаете отправки в продакшн "локально оптимального" кода, который ломает другие части системы. Чего ожидать (наш процесс собеседования): Наш процесс найма в основном асинхронный и сосредоточен на реальной работе. Вы начнете с отправки резюме и короткого структурированного заявления. Кандидаты, прошедшие предварительный отбор, выполняют асинхронное техническое задание. Финалисты выполняют оплачиваемый, ограниченный по времени рабочий пример, соответствующий должности. От начала до конца процесс обычно занимает 4–6 недель. Часто задаваемые вопросы * Нужно ли мне отвечать на вопросы? Да, пожалуйста, ответьте на вопросы, в идеале в открытом формате, в сопроводительном письме. Это обязательно для проверки. * Нужно ли мне посещать живые собеседования? Большинство этапов асинхронны, чтобы уменьшить сложности с планированием. Живых звонков минимум. * Нужно ли мне быть в кадре во время выполнения рабочего примера? Нет — достаточно экрана и голоса. * Какие инструменты я могу использовать для записи? Подойдет любой распространенный инструмент для записи экрана или обмена файлами, если видео легко просматривается. * Оплачивается ли финальное задание? Да. Кандидаты, прошедшие в финал, выполняют оплачиваемый, ограниченный по времени рабочий пример. Чтобы подать заявку: https://weworkremotely.com/remote-jobs/horizon-assset-investments-front-end-developer-full-time-remote