Обо мне

Инженер, который смотрит на код и как разработчик, и как дизайнер

Меня зовут Данил Лисин. Восемь лет я делаю фронтенд для систем авиабронирования — одного из самых нагруженных и требовательных доменов. Пишу на Vue 3 и Nuxt, публикую опенсорс и довожу интерфейсы до состояния, когда их видно в метриках.

портрет
Данил Лисин
20+лет в интерфейсах
8лет на авиадомене
17опенсорс-пакетов
RU·ENмультиязычные проекты
Путь

От графдизайна
к инженерии.

Я пришёл в разработку из графического дизайна, и это до сих пор определяет, как я работаю. Я вижу не только архитектуру и типы, но и то, как решение отзовётся для конечного пользователя — где он споткнётся, что его замедлит, какой интерфейс он назовёт «удобным», не зная почему.

Последние восемь лет я провёл на системах авиабронирования. Это домен, где ошибка стоит дорого: сотни правил тарификации, валидация данных пассажиров, тяжёлые поисковые запросы, которые нужно кешировать и не сломать. Здесь нельзя «залатать и забыть» — нужна архитектура, которая выдержит рост.

Параллельно я публикую опенсорс. Для меня это лучшая проверка инженерного уровня: код, который можно поставить из npm, прочитать и переиспользовать. Скромно по масштабу, но честно по сути.

Принципы

Во что я верю.

Эти правила я не нарушаю — даже под дедлайн. Именно они отличают «работает» от «работает и развивается».

V/01

Архитектура важнее скорости сдачи

Фундамент, который выдержит рост, окупается каждым следующим спринтом.

V/02

Производительность — это требование

Не «оптимизируем потом». Скорость закладывается с первого коммита.

V/03

Код пишется для людей

Типизированный и понятный — чтобы команда развивала проект без меня.

V/04

Честность вместо обещаний

Оценка до старта. Если задача не моя — скажу прямо.

Инструменты

Стек, в котором
я уверен.

Беру проверенное и не тащу лишнего. Меньше зависимостей — меньше рисков.

Ядро

Vue 3Nuxt 3TypeScriptPiniaVite

Рендеринг и данные

SSRSSGISRRESTBFF

Качество

VitestPlaywrightESLintWCAG 2.1CWV

Дизайн

Дизайн-системыFigmaa11yГрафдизайн
Открытый код

Что лежит в npm.

17 пакетов, которые можно поставить, прочитать и использовать. Лучшее резюме — это код.

vue-worker-kit

Вычисления в отдельном потоке для Vue 3: типы из кода воркера, без дженериков. Пул задач, отмена на лету, передача данных без копирования.

npm i vue-worker-kit
vue-error-boundary-kit

Обработка ошибок для Vue 3: fallback-интерфейс, retry, автосброс. Адаптеры для Sentry, Bugsnag, LogRocket, HTTP. Перехват сбоев вне рендера, история ошибок.

npm i vue-error-boundary-kit
vue-image-kit

Один компонент для изображений в Vue 3: ленивая загрузка, WebP/AVIF, Blurhash, srcset, арт-дирекшн, retry. CLI, CDN-адаптеры, Vite-плагин, директива для фонов.

npm i @macrulez/vue-image-kit
vue-toast-kit

Уведомления для Vue 3: отмена действий, группировка, приоритеты, кастомизация. Лёгкий, с Promise API и прогресс-таймером.

npm i vue-toast-kit
vue-i18n-kit

Локализация для Vue 3: lazy-загрузка, ICU-плюрализация, CLI, Vite-плагин, браузерный редактор переводов.

npm i vue-i18n-kit
vue-network-dashboard

Мониторинг сети для Vue 3: перехват HTTP, WebSocket, SSE, статистика, моки, HAR, Diff View, UI-компонент.

npm i vue-network-dashboard
rest-pipeline-js

Оркестратор REST-запросов и конвейеров: HTTP-клиент с retry, кэшем, rate limiting; параллельные шаги, паузы, middleware.

npm i rest-pipeline-js
vue-state-machine

Конечные автоматы для Vue 3: параллельные процессы, гварды, асинхронные действия, очередь событий, DevTools-панель.

npm i @macrulez/vue-state-machine
vue-storage-kit

Реактивное хранилище для Vue 3: localStorage, sessionStorage, IndexedDB, cookies. TTL, шифрование, кросс-таб синхронизация, миграции.

npm i vue-storage-kit
vue-virtual-scroller-kit

Виртуальные списки, таблицы, гриды, деревья для Vue 3. Динамическая высота строк, группировка, бесконечный скролл, drag‑to‑reorder.

npm i vue-virtual-scroller-kit
vue-command-palette

Command Palette для Vue 3: нечёткий поиск, группировка, вложенные подменю, глобальные хоткеи, кастомизация через слоты.

npm i @macrulez/vue-command-palette
vue-form-schema

Схемо-ориентированные формы для Vue 3. Поддержка Zod, Yup, Valibot, динамические списки, многошаговые wizard-формы.

npm i @macrulez/vue-form-schema
vue-feature-toggles

Фича-флаги для Vue 3: A/B‑тестирование, окружение, localStorage, реактивные директивы, SSR, Nuxt.

npm i vue-feature-toggles
responsive-media

Реактивные медиа‑запросы и контейнерные запросы для Vue 3 и React 18+. SSR, без зависимостей.

npm i responsive-media
color-value-tools

Работа с цветом во всех моделях: hex, RGB, HSL, Lab, OKLCH, CMYK, WCAG, цветовые схемы, CLI.

npm i color-value-tools
css-magic-gradient

Генерация CSS-градиентов (линейных, радиальных, конических) с цветовыми гармониями, пресетами, WCAG.

npm i css-magic-gradient
os-detect

Определение ОС и типа устройства в браузере, Node.js, SSR. Реактивные хуки для React, композаблы для Vue. Без зависимостей.

npm i os-detect
Поработаем вместе?

Расскажите, над чем работаете.

Отвечу, чем могу быть полезен и сколько это займёт. Первый разбор задачи — бесплатно.