Мне 16 лет. Последние 8 месяцев я учусь на Frontend-разработчика. Я решил проверить свои силы и создать инструмент, которым буду пользоваться сам. Но мой путь начался не с мощного ПК и гигабайтов интернета, а с мечты и обычного смартфона. Начало пути: код на телефоне и первая победаМой путь в программировании начался 26 декабря 2024 года. Это была мечта, к которой я шел 5 лет. На тот момент я был «полным нулем»: у меня не было стабильного интернета и я почти ничего не знал о Frontend. Я записа…
В экосистеме JavaScript-разработки управление состоянием приложений всегда оставалось одной из самых сложных задач. От глобальных переменных до сложных библиотек вроде Redux и MobX — разработчики постоянно ищут более простые и эффективные решения.Сегодня мы познакомимся с Nexus State — новой библиотекой для управления состоянием, которая сочетает простоту использования Atom-подхода с мощными функциями для реальных приложений. В этой статье мы рассмотрим архитектуру Nexus State, его возможности,…
Помните 2015 год? Тогда Пол Льюис из Google представил концепцию FLIP (First, Last, Invert, Play) — революционный на тот момент способ делать анимации интерфейса со стабильными 60 fps. Идея была гениальной: вместо того, чтобы анимировать свойства разметки (width, top), мы измеряем начальное и конечное состояние элементов, а затем анимируем только transform.В теории звучало отлично, но на практике реализация была трудоёмкой: требовались вычисления координат getBoundingClientRect, ручной контроль…
Если кратко - упрощение изучения до "прямой", в которой нет альтернатив, а также сброс прогресса с Золотой Совы до 2-го чекпоинта изрядно подожгло мою пятую точку настолько, что я просто забил.Однако уже через пару месяцев стало очевидно - я вновь начал делать грамматические ошибки, и нуждался в "тренировках", но играть по новым правилам мне решительно не хотелось.Первое, что я решил, если я делаю для себя (и, возможно, кого-то еще, у кого такое же видение на проблему Совы), то …
Привет, Хабр.Это моя первая статья здесь. Долгое время не решался что-то публиковать, хотя регулярно читал и разбирал материалы других авторов.Для первой публикации я выбрал тему внутренней оптимизации реактивности во Vue 3 — trackOpBits и работу ReactiveEffect. Этот механизм почти не заметен при обычной работе с фреймворком, но он напрямую влияет на производительность рендера компонентов и поведение вложенных computed.В статье разберём, какую проблему решает trackOpBits, как именно он использу…
Полагаться на React Compiler означает знать, когда он не срабатываетЯ разрабатываю высокоинтерактивные интерфейсы на React с 2017 года: визуальные редакторы, инструменты для дизайна, приложения, где пользователи перетаскивают элементы, меняют свойства в реальном времени и ожидают, что каждое действие будет отзываться так же быстро, как в Figma или Photoshop. Один лишний ререндер может разрушить иллюзию «прямого управления», из-за чего интерфейс начинает тормозить и раздражать.Восемь лет я приуч…
СодержаниеВведениеВводные данныеПроблема 1. Зависимость аудиоустройств от активности экрана.Проблема 2. Непреднамеренное взаимодействие с элементами интерфейса веб-приложения.Проблема 3. Непреднамеренное взаимодействие с элементами браузера.ЗаключениеВведениеНа сегодняшний день браузеры всё ещё не позволяют сделать звонки из веба такими же удобными, как в нативных приложениях.Поэтому некоторые популярные сервисы вообще запрещают звонки из мобильного браузера и просто отправляют пользователя уст…
У нас случилась классика: бэкенд уже отдает данные, бизнес ждет экран “вчера”, а фронтендера в команде нет и ближайшие фронты заняты.Я Александр Бунтов, тимлид в Ви.Tech - IT-дочки ВсеИнструменты.ру. В этой статье расскажу, как мы рискнули и собрали MVP-интерфейс за неделю - без выделенного фронта, но на корпоративном стеке (Vue/TypeScript) и с дизайн-системой.Это не история “AI все сделал”. Это история про то, как правила + дизайн-система + ревью как для джуна превращают AI-ассистента в нормал…
Frontend Status: Привет! Свежий дайджест фронтенда и AIПривет!Это четвертый выпуск Frontend Status — дайджеста по фронтенд-разработке.В этом выпуске:JS/TS: Evan You — Vite, Rust, VoidZero; State of JS 2025 и новый интерфейс npm (npmx).AI: Transformers.js v4 в NPM; тест «заменит ли ИИ опытного дебаггера».Фреймворки: React — ViewTransition, SSG-сравнение, календарь DayFlow; Angular — обзор v22 и демо проект на Genkit.CSS и браузеры: гистограммы и подсветка поиска без JS; предпочтения размера шри…