Заметки Фронтендера

Проблема: стандартный CD-пайплайн занимает много времени — статический анализ, тесты, сборка, деплой в кластер. DevSpace решает это: локальная разработка с синхронизацией кода в реальном времени прямо в Kubernetes, без полного передеплоя при каждом изменении.

Почему React, Angular и Vue — это всего лишь инструменты рендеринга, а не архитектурные решения. Как избежать размазывания бизнес-логики по компонентам и сохранить контроль над приложением при росте.

Проблема: JavaScript не справляется с тяжёлыми вычислениями в реальном времени. Решение — Rust + WebAssembly для расчётов физики и Three.js для визуализации. В статье разбирается архитектура, сравнение производительности с чисто JS-решением и практические советы по оптимизации.

Полное руководство по деплою Vite-приложения: от создания многоступенчатого Dockerfile с минимизацией образа до настройки Caddy как HTTP/2-сервера со статикой. Рассматривается вся цепочка: сборка приложения, упаковка в Docker, настройка сервера и финальный деплой.

Проблема: "👋".length возвращает 2 вместо 1, "🇺🇿".length — 4 вместо 1. Это ломает обрезку строк через slice() и приводит к ромбам с вопросиками. Решение — честная функция обхода строки с проверкой суррогатных пар, но она может замедлить код в 60 раз на больших текстах.

Автор провёл эксперимент с четырьмя подходами: чистый ИИ без подсказок, ИИ с правилами проекта, ИИ с документацией через MCP и комбинированный вариант. Результаты показывают, какие методы действительно работают, а какие создают код, который не пройдёт code review.

TypeScript 7.0 вводит революционные возможности: улучшенная поддержка модулей ECMAScript, новые опции компилятора для строгой проверки, расширенная работа с декораторами и улучшенная производительность. Особое внимание уделено совместимости с современными стандартами JavaScript.

Ключевые принципы: всё является плагином, единая модель композиции для клиента и сервера, управление зависимостями и жизненным циклом компонентов. Сравнение трёх способов доставки клиентских плагинов: виртуальные модули, Module Federation и собственная система DSH.

Основная проблема: Redux сам по себе не интегрируется с React — для этого нужна отдельная библиотека react-redux. В статье разбирается архитектурный обман, технические детали реализации связки и почему декларируемая универсальность не соответствует реальности.

Проблема: ИИ-ассистенты генерируют тесты, которые просто переписывают логику реализации вместо реальной проверки. Решение: автор показывает, как избежать этой ловушки через независимые спецификации и проверку ожидаемого поведения, а не реализации.

Ключевые проблемы: хаотичная структура файлов, смешение логики и представления, сложность масштабирования. Решение: чёткое разделение на слои (pages, components, DAL), централизованная маршрутизация, паттерн репозиториев для работы с данными и модульная организация стилей.