Кирилл Мокевнин — Переписывание редактора Хекслета с JS на TS. Сложности, результаты и статистика

• Онлайн-день конференции Holly JES завершается.  

• В гостях Кирилл Макевнин из компании Hexlet.  

• Ведущий рассказывает историю о неудачной встрече с Кириллом.  

• Ведущий вспоминает, как ждал встречи с Кириллом в Москве.  

• Кирилл не пришел на встречу, так как был занят в Яндексе.  

• Ведущий шутит о яхтах и переходит к докладу.  

• Кирилл рассказывает о своем опыте перехода на TypeScript.  

• Он объясняет, что не является фултайм программистом и не знает всех нюансов.  

• Доклад будет интересен для тех, кто интересуется TypeScript.  

• Редактор существует с 2013 года и был одним из первых пользователей React.  

• Переход на TypeScript начался с обновления системы.  

• Кирилл делится опытом и трудностями перехода.  

• Редактор имеет автоматизированное обучение и экосистему для запуска кода.  

• Приложение имеет высокую логику и взаимодействие между фронтендом и бэкендом.  

• Редактор использует FestiFile, Sockito и другие технологии.  

• Редактор использует Bootstrap, React и другие компоненты.  

• Приложение работает через кластер серверов, каждый из которых обслуживает свои задачи.  

• Кирилл подчеркивает важность логики и взаимодействия в проекте.  

• В системе около десяти тысяч Docker-образов, каждый из которых имеет множество версий.  

• Возможность запуска любой практики из системы, включая запуск баз данных и других контейнеров.  

• Проблемы с доступом в интернет и работой Docker в Docker.  

• Переход с Fastify на Next.js для упрощения конфигурации и сборки фронтенда.  

• Next.js имеет бэкенд-часть, что удобно для работы с файлами и синхронизацией.  

• Преимущества Next.js: стандарт, оптимизация, работа из коробки без настройки.  

• Необходимость перестройки кода и адаптации к Next.js.  

• Проблемы с роутингом и специфическими подходами Next.js.  

• Ограниченная поддержка веб-сокетов и хостинга.  

• Проблемы с Next.js быстро перевесили его преимущества.  

• Fastify стал популярным микрофреймворком для Next.js.  

• Интеграция Fastify с Next.js решает проблемы с роутингом и логикой.  

• Проблемы с качеством кода и линтерами.  

• Внедрение пакета Stylelint для универсальной настройки стиля кода.  

• Планы по переписанию конфигов и практик для работы с TypeScript.  

• Node.js используется на бэкенде из-за его преимуществ.  

• Festify упрощает работу с фронтендом, не требуя дополнительных инструментов.  

• Все компоненты запускаются как единое приложение, что упрощает процесс.  

• В проекте используются различные инструменты, такие как Vite и ESLint.  

• Запуск проекта включает компиляцию TypeScript в JavaScript.  

• Используется менеджер процессов для параллельного запуска компонентов.  

• Автор долгое время использовал Vite, ожидая его популярности.  

• Vite стал настолько популярным, что его использование стало обязательным.  

• Конфигурация Vite значительно проще по сравнению с другими сборщиками.  

• Переход на Vite потребовал времени на настройку.  

• Конфигурации для фронтенда и бэкенда оказались разными.  

• Решение проблемы оказалось в использовании двух разных TS конфигов для каждого компонента.  

• Использование переопределения и тест-конфликтов.  

• Конфигурация модулей с расширением .js для трансляции в JavaScript.  

• Проблемы с подключением модулей к Jest и переход на Vitest.  

• Vitest работает быстрее и проще в использовании.  

• Различия в интерфейсе с Jest, особенно в синхронном коде.  

• Vitest требует меньше конфигурации и работает лучше.  

• Замена Jest на Vitest и настройка конфигураций.  

• Сравнение с Kotlin и простота работы с файлами.  

• Реализация независимых функций и автотестирование.  

• Особенности синхронного кода и библиотек, таких как Socket.IO.  

• Создание абстракции для проверки корректности кода.  

• Vitest позволяет типизировать строки, что упрощает работу.  

• Vitest автоматически типизирует строки, что упрощает разработку.  

• Синхронизация изменений между бэкендом и фронтендом.  

• Vitest предоставляет удобные типы входных и выходных данных.  

• TypeScript позволяет легко работать с переводами и строками.  

• Описание стейтов конечных автоматов явно и используется во фронте и бэкенде.  

• Литеральные типы с юнионом играют ключевую роль в проектах.  

• Ошибки типов помогают быстро находить и исправлять ошибки.  

• Подсказки редактора и автокомплиты улучшают работу.  

• Рефакторинг становится проще благодаря типам.  

• В местах с большим количеством логики TypeScript не всегда помогает.  

• Пример с функциями, работающими с файловыми путями, требует тестирования.  

• Логика, связанная с асинхронностью, требует ручного отслеживания.  

• TypeScript не сильно увеличивает размер кодовой базы.  

• Количество кода в TypeScript незначительно больше, чем в JavaScript.  

• TypeScript упрощает код за счет уменьшения абстракций.  

• TypeScript удобен для существующего кода с типами.  

• Написание абстракций требует профессиональных знаний системы типов.  

• TypeScript с директивой "use strict" обеспечивает высокую степень типизации.  

• Основное время уходит на отладку логики, не связанной с типами.  

• Доклад был очень интересным и насыщенным.  

• Задали короткий вопрос о программе для сбора статистики.  

• Программа написана на Go, ранее была популярна на GitHub.  

• Программа легко устанавливается и имеет множество настроек.  

• Обсудили, как программа вычисляет суммарную стоимость разработки.  

• Вычисление стоимости было частью старых программ для подсчета кода.  

• Время доклада вышло, но вопросы будут заданы в дискуссии.  

• Призывают перейти в дискуссию для обсуждения и празднования закрытия онлайн-дня.  

• Благодарят Кирилла за доклад и прощаются.