Frontend по-флотски 👨‍💻

Pixel Agents — пиксельный офис для агентов Claude прямо в VS Code 🎮Расширение превращает каждый терминал с Claude Code в анимированного персонажа, который живёт в виртуальном офисе и делает вид, что работаетАгент пишет код — стучит по клавишам 👨‍💻. Читает файлы — листает бумаги 🤓. Ждёт твоего ответа — стоит с пузырём над головой и смотрит в экран 🥱Что внутри:— Один агент = один персонаж, все одновременно на одном экране— Live-анимация по реальным действиям: write, read, run— Саб-агенты тоже спавнятся — как стажёры рядом с синьором— Редактор офиса: стены, мебель, сетка до 64×64 тайлов— Звуковое уведомление когда агент закончил задачу— Лейауты сохраняются и синхронизируются между окнамиБесплатно, open-source, MIT. Можно купить тайлсет мебели на itch.io за $2🔗 Pixel Agents → VS Code Marketplace

Х5 Tech и Х5 Digital проводят 70-й юбилейный митап с сообществом Moscow JSПриготовили классную программу с двумя потоками докладов про:• performance и масштабирование фронтенда,• внедрение LLM в продукты и процессы,• изменение инженерной практики и культурыДля тех, кто хочет поучаствовать в дискуссии — круглый стол с холиварами про переход на «бигтех-рельсы».📆 30 апреля, 18:30📍 Москва, Мясницкая, 13, с20🔗 Регистрация по ссылке

Railway выбросил Next.js и не пожалел 🧐Railway перевели весь продакшн-фронтенд — дашборд, канвас, маркетинговый сайт — с Next.js на Vite + TanStack Router. И сделали это в двух пулл-реквестах без единой секунды даунтайма.Почему ушли?— Билд занимал больше 10 минут, из которых 6 — чистый Next.js— Приложение на 90% клиентское: WebSocket, real-time, stateful UI. Server-first подход App Router им просто не нужен— Pages Router давал хакерские костыли вместо нормальных лейаутовЧто взяли вместо:🔹 TanStack Router — type-safe роутинг из коробки, параметры выводятся автоматически🔹 Vite — мгновенный HMR, старт за секунды🔹 Nitro как серверный слой — 500+ редиректов, security-заголовки и кеширование в одном конфиге🔹 SSR только там, где он реально нужен: маркетинг и changelog. Всё остальное — чистый клиентКак мигрировали:PR №1 — выпилили все next/* зависимости, заменили на browser-native APIPR №2 — переехали на новый фреймворк, 200+ роутовЗадеплоили в воскресенье утром, боевой дискорд-варрум, хотфиксы в тот же день ✅Чем пожертвовали:— next/image → Fastly image optimization— next-seo / next-sitemap → написали сами, невелика потеря— Зрелость экосистемы (TanStack Start ещё молодой)Итог:Билды — меньше 2 минут вместо 10+. Dev-сервер стартует мгновенно. Каждый модуль деплоится отдельным content-hashed чанком — пользователи грузят килобайты, а не мегабайты.В последнее время замечаю огромный тренд перехода с Next.js на что-то более лёгкое🔗 Читать оригинал

Мой хороший друг @sergeyfrey сейчас в поиске нового места работы, один из лучших frontend разработчиков с которым когда либо работалВот его актуальное резюме 👇https://sergey-frey.github.io/cv/

🔧 Делаю iOS-приложение за 30 дней — в одного, без команды5+ лет опыта на Backend blockchain с NestJS. Решил выйти за пределы своего стека и сделать нативное iOS приложение с нуля.Swift, SwiftUI, CoreLocation, MapKit. Без бэкенда — всё локально на устройстве.Строю TripTrack — автодневник поездок на машине. Ниша пустая: Google Timeline сломал данные миллионам людей в марте 2025, прямой конкурент с 1 звездой в App Store.🎩 Показываю весь путь: архитектурные решения, работа с геолокацией в фоне, проблема батареи, TestFlight, App Store review. День за днём — без купюр.Если пишете своё или интересно как выглядит смена стека изнутри — заходите.—@onezee_co

Next.js теперь уже официально дружит с AI-кодингом 👨‍💻В Next.js 16.2 завезли не просто фичи для разработчиков, а прям штуки под AI-ассистентов. То есть фреймворк уже начинают строить с расчётом на то, что рядом с тобой код пишет не только человек, но и агентСамое интересное: create-next-app теперь по умолчанию добавляет AGENTS.md, а документация Next.js кладётся прямо в npm-пакет в виде markdown-файлов. По сути, агент может читать актуальные version-matched доки локально, а не галлюцинировать по старым знаниямЕщё полезно: ошибки браузера теперь форвардятся в терминал. То есть можно видеть клиентские ошибки без вечного прыгания в DevTools. Для обычной разработки удобно, для AI-агентов — вообще мастхэвИ самое футуристичное — экспериментальный next-browser. Это CLI, через который агент может смотреть дерево React-компонентов, props, hooks, network requests, ошибки, скриншоты и даже разбирать PPR shell. Короче, браузер и DevTools постепенно превращают в интерфейс не только для человека, но и для LLMПодробнее 👇https://nextjs.org/blog/next-16-2-ai

🧭 Разбираем React вместе с Podlodka React CrewСовременные React-приложения становятся всё сложнее. Разработчики регулярно сталкиваются с проблемами производительности, утечками памяти и архитектурными вызовами. Базового понимания фреймворка становится недостаточно для результативной работы. 💡Эксперты Podlodka React Crew решили разобраться с этой проблемой на онлайн-конференции под названием «Продвинутый React». С 23 по 27 марта ее участники: ⚙️ узнают, как устроен рендер и внутренние механизмы в современном React🧠 познакомятся с архитектурой приложений, где применяются React Server Components📊 научатся профилировать React-приложения и выявлять медленные рендеры, memory leak🛠познакомятся с дополнительными инструментами, которые помогут упростить отладку и выявить сложные проблемыФормат — удобный и ламповый: пять дней, живые Zoom-сессии утром и вечером, закрытое профессиональное сообщество в Telegram и общение со спикерами.Если хотите углубить свои знания про React в компании крутых экспертов, присоединяйтесь к Podlodka React Crew👇🎟Забрать early-bird билет можно до 16 мартаА по промокоду PASTA получите скидку 500р🎁

Лайвкодинг и Q/A с комадой Angular | March 2026 🧑‍🎓https://www.youtube.com/watch?v=G7GYQEcUbNA

Vize — Vue.js тулчейн на Rust ⚡️Знаешь тренд на переписывание JS-инфраструктуры на Rust? Вот тебе свежий пример — Vize. Это неофициальный тулчейн для Vue, который заменяет сразу кучу инструментов одним нативным бинарником.Что умеет?Компиляция. Собирает Vue SFC файлы. 15 000 компонентов (36.9 МБ) за ~500мс благодаря многопоточности через Rayon и arena allocation. Заявляют 8.3x быстрее текущих решений.Линтинг и форматирование. vize fmt и vize lint --fix — прямо из коробки, без отдельных пакетов.Тайп-чекинг. vize check --strict — встроенная проверка типов для Vue шаблонов.Vite плагин. Drop-in замена @vitejs/plugin-vue — просто меняешь импорт и получаешь нативную скорость компиляции.Vapor Mode. Поддержка Vue 3.6 Vapor — компиляция без виртуального DOM.Musea. Встроенная альтернатива Storybook — компонентная галерея с playground для пропсов, дизайн-токенами и a11y аудитом.WASM. Компилятор работает прямо в браузере — для плейграундов и документации.MCP сервер. AI-ассистенты могут читать и понимать твои Vue компоненты через Musea. Тот самый Model Context Protocol.Автор — ubugeeei, участник Vue.js Japan User Group и организатор Vue Fes Japan.Проект пока в альфе (v0.0.1-alpha), но развивается активно.Следить 👇🔗 https://vizejs.dev🐙 https://github.com/ubugeeei/vize

А помнишь как мы с тобой использовали transform: rotate(90deg), чтобы покрутить элемент на 90 градусов, но забывали, что где-то выше было transform: translate(-50%) и всё ломалось :(Во были времена... сейчас как-то всё слишком легко...