Как Shop.app собрали на Remix и Vite

Shopify показал, как на Remix быстро превратить маркетинговый сайт Shop в полноценное веб-приложение с SSR, роутингом, prefetch и возможностью переиспользовать логику, стили и UX из React Native через monorepo. Это хороший пример того, как не переписывать инфраструктуру с нуля, а встроить новый веб-слой в уже существующий стек и начать выпускать фичи быстрее.

https://remix.run/blog/shop-case-study

Как OpenAPI ускорил генерацию email

Кейс про spec-driven подход для email-платформы: вместо ручного правления до 15 файлов на одно письмо команда описывает контракт в OpenAPI, а CLI генерирует NestJS-артефакты, React-компонент и типы. Это убирает рассинхрон между бэкендом и фронтендом, фиксирует правила шаблонов и сокращает добавление нового письма с часов до минут.

https://habr.com/ru/companies/yoomoney/articles/1076874/

Процедурная геометрия в Three.js и WebGPU

Показан рабочий подход к построению гибкого Geometry Painter на Three.js с WebGPU и TSL. Здесь есть выбор поверхности, генерация процедурной геометрии, свои шейдеры, освещение и постобработка, то есть набор техник для интерактивных 3D-инструментов и визуальных редакторов без упора на готовые меши.

Демо | Github

https://tympanus.net/codrops/2026/08/11/exploring-procedural-geometry-with-three-js-and-webgpu/

Как делать быстрые 3D-интерфейсы в вебе

WebGL позволяет собирать иммерсивные 3D-сцены прямо в браузере, но без аккуратной оптимизации легко убить загрузку и отзывчивость интерфейса. Для фронтенда это значит, что 3D можно использовать не только ради вау-эффекта, а как часть продукта, если заранее контролировать вес ассетов, количество отрисовок и работу анимаций.

https://mdx.so/blog/webgl-development-how-to-build-immersive-3d-web-experiences-in-2026

Оффер 427 000₽ на руки в Сбер и отказались
Оффер 380 000₽ на руки в банк
Оффер 6 800$ net с релокацией на Кипр
Оффер 4 500$ в американскую компанию

👆Это недавние рeзультаты участников нашего комьюнити.

Меня зовут Тихон - я действующий разработчик и ментор. Уже 2 года я развиваю комьюнити, где 300+ разработчиков, и вместе мы выжимаем из рынка максимум!

В нашем канале много ценного для разработчиков по подготовке к собесам👇

Полные разборы реальных собеседований: Сбер, VK, OZON, M-Video, Evrone, еще раз OZON, IT One, Trading View, МТС, Лантан, ДОМ.РФ

Сборники вопросов по темам:
Кибербезопасность на собеседовании
Все вопросы по React на собеседовании
Все вопросы по TypeScript на собеседовании
Как решать задачи двумя указателями
Вопросы с Vue собеседований
Вопросы по сетям и методологиям с 200 собесов
Вопросы по JS с 200 собесов
Какие задачи спрашивают на livecoding чаще

Полезные посты:
Job-борды для поиска работы
Запись нашего самого кринжового собеса
Новый HTTP метод QUERY

Как я прохожу собесы:
Оффер 260к на Go в Empoycity
Оффер 300к на Go в "Системная интеграция"
Отжал 390 gross + 25% премии в Иннотех
Оффер на лида 415 gross + 20% премии в ПСБ

🏆Статистика по рынку:
Июль, Июнь, Май, Апрель, Март

А еще каждый четверг у нас проходят полезные стримы с решениями задач и разборами резюме)

Подписывайся 👇
frontend_punks

Реклама, erid: 2W5zFJU63WH ИП Галактионов Тихон Витальевич, ИНН 771618975809

Rust-версия React Compiler ускоряет сборку

Переход на Rust-реализацию React Compiler даёт заметный прирост скорости на больших кодовых базах: в React Router сборка компилятора сократилась с 14,3 секунды до 0,81 секунды, а общая сборка стала примерно в 2,4 раза быстрее. Ещё один плюс в том, что линтер и билд могут использовать один и тот же React Compiler, поэтому меньше шансов, что компонент пройдёт проверку, но не будет скомпилирован в проде. В Vite с @vitejs/plugin-react достаточно включить compiler: true и убрать Babel-обвязку.

https://blog.master.dev/react-now-rusted-all-the-way-out/

withComponentInputBinding и резолверы в Angular

withComponentInputBinding позволяет передавать данные роута прямо в input routed-компонента, а резолверы выносят загрузку данных из самого компонента. На практике это убирает из страницы знание о ActivatedRoute и сервисах, снижает связанность, упрощает переиспользование и делает тесты чище: компоненту нужен только контракт данных, а не логика их получения.

https://habr.com/ru/articles/1078996/

vlt 1.0: npm-замена с защитой от вредных пакетов

vlt 1.0 — drop-in замена npm с упором на безопасность и аудит зависимостей. install и build разделены: пакеты можно скачать без запуска скриптов, а затем отдельно выполнить только доверенные, что снижает риск supply chain атак. Для команды это даёт более безопасные установки, удобный аудит зависимостей и почти безболезненный переход: команды остаются совместимыми с npm API, меняются только vlt.json и vlt-lock.json.

https://www.infoq.com/news/2026/09/vlt-npm-replacement/?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=JavaScript

Как ускорить сайт при блокировках

Пост про шесть практических мер, которые помогают сайту быстрее открываться при нестабильном интернете и блокировках. В фокусе перенос видео на доступные хостинги, сжатие и перевод изображений в WebP или AVIF, lazy loading для картинок и тяжёлых блоков, а также проверка результата через Network в DevTools.

https://habr.com/ru/companies/itsumma/articles/1077670/

Blume превращает Markdown в сайт документации

Blume собирает папку с Markdown в готовый docs-сайт на Astro и Vite без шаблонного приложения и лишней настройки. Для старта нужен только Node.js и один Markdown-файл, дальше доступны типизированная конфигурация, автоматический SEO, llms.txt, raw Markdown по .md URL, MCP-сервер и blume eval, который прогоняет документацию как тесты и валит CI, если она не отвечает на вопросы.

https://www.infoq.com/news/2026/09/blume-docs-ai/

Cordis делает плагины основой архитектуры

Cordis предлагает собирать JS/TS-приложение не вокруг ядра, а из плагинов, где каждый компонент явно описывает зависимости, эффекты, конфигурацию и жизненный цикл. Это полезно для модульных продуктов, плагинных платформ и систем с AI-компонентами: связи между частями становятся формализованными, а изменения можно вносить локально, не разбирая весь bootstrap и набор скрытых договорённостей. На практике Cordis даёт отдельный слой композиции для frontend и backend, а не просто ещё один DI или plugin framework.

https://habr.com/ru/articles/1079044/

Серверный 1v1 на Cloudflare Durable Object

Разбор того, как держать 60Hz серверную симуляцию внутри одного Cloudflare Durable Object и что это даёт на практике: предсказание движения на клиенте, откат состояния для честного попадания, адаптивный выбор лучшего edge-сервера и удержание слота при обрыве соединения. Полезно как пример архитектуры для realtime-игр и других web-приложений, где важны низкая задержка, синхронизация и предсказуемое поведение на сервере и в тестах.

https://railmid.com/blog/how-it-works