Ринат Гумаров — Senior Frontend Engineer

Ринат Гумаров

Senior Frontend Engineer · React · TypeScript

Развиваю Pine Editor и Strategy Tester в TradingView. Создаю интерфейсы для трейдинга, финтеха и собственных продуктов — от архитектуры до деталей взаимодействия.

Смотреть проекты Связаться

9+ лет: frontend-разработки
TradingView: Pine Editor · Strategy Tester
Splithub: С нуля до App Store · 350 пользователей

Избранные проекты

Интерфейсы для трейдинга

TradingView

Платформа для анализа рынков и трейдинга.

Развиваю Pine Editor и Strategy Tester: редактор кода, историю версий и интерфейсы анализа торговых стратегий.

Сложные frontend-системы · Интерфейсы с высокими требованиями к производительности

TradingView: Pine Editor рядом с графиком и Strategy Tester со списком сделок. — Pine Editor и Strategy TesterОткрыть TradingView

Работа с кодом
Autosave, история версий, visual diff и rollback для работы с изменениями скриптов.
Первый рендер
Инициализация Monaco и LSP вынесена из критического пути загрузки; история версий виртуализирована.
Архитектура редактора
Отдельные сборки полного редактора, отдельного окна и диалога.

Финтех с нуля

Stoic

Финтех-продукт для автоматизированных торговых стратегий.

Основной frontend-инженер: с нуля создал веб-приложение на React, TypeScript и Next.js.

React · TypeScript · Next.js

Открыть Stoic

От идеи до App Store

Splithub

iOS-приложение для совместного учёта расходов.

Прошёл полный цикл создания продукта: от идеи и UX до SwiftUI-приложения, бэкенда и запуска в App Store.

350: зарегистрированных пользователей

В App Store

UX · SwiftUI · Backend · Запуск

Splithub на iPhone: балансы по валютам, итог в вашу пользу и список участников с суммами. — Splithub на iOSОткрыть Splithub

Устойчивое финансирование

Evercity

Участвовал во frontend-разработке платформы устойчивого финансирования.

Frontend · Устойчивое финансирование

Открыть Evercity

Frontend Performance Lab

100 000 строк. Проверьте, как они рендерятся.

Сравните Baseline и Optimized на одном наборе данных: прокрутите таблицу, исследуйте график и посмотрите на счётчики рендеров. Виртуализация и изоляция обновлений tooltip на React и TypeScript.

Синтетические данные. Сравнение режимов — до 10K строк; Optimized — до 100K. Демо на английском.

Интерактивный эксперимент · Open source

Попробовать демо (откроется в новой вкладке)Исходный код (откроется в новой вкладке)