Web Stack
4.25K subscribers
822 photos
5 videos
1.79K links
Дайджест web разработчика: статьи, туториалы, практики и полезные инструменты.

Админ: @jem_jem
Реклама: http://bit.ly/2wZeIPj

👉 Дайджест мобильной разработки @mobile_dvlp
Download Telegram
Разработка серверных приложений на Vite через плагин vavite

vavite позволяет использовать Vite как транспайлер и бандлер для серверного кода, упрощая разработку и сборку SSR и не только SSR сценариев. Подключайте плагин в vite.config, создавайте entry.server.ts и получайте быстрый dev с HMR, а в production запускайте сервер отдельно.

https://github.com/cyco130/vavite
👍1
Как с помощью ИИ превращать макеты Figma в production код

ИИ сам по себе не генерирует код в рамках дизайн системы, поэтому сделали MCP, который описывает компоненты, токены и правила доступности в машинном виде, и агентский пайплайн на LangGraph, который пошагово конвертирует Figma в готовые компоненты без ручной правки.

https://engineering.monday.com/how-we-use-ai-to-turn-figma-designs-into-production-code/
1💩1
Бесплатный онлайн анализатор логов в браузере

Открывайте лог файлы до 10GB+ прямо в браузере без загрузки, с приватностью и быстрым поиском. Есть форматирование в JSON и агрегация ошибок для удобной диагностики.

https://www.logvoyager.cc/
2🔥1
Визуализатор event loop для JavaScript

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

https://event-loop-visualizer-ruby.vercel.app/
1👍1
Reatom: ультимативный менеджер состояния и логики для виджетов и SPA

Reatom дает реактивное управление состоянием без прокси, с атомами и computed, а также мощными эффектами для async с отменой, ретраями и кэшированием. Подходит для небольших виджетов и больших приложений, поддерживает расширения и TypeScript, а ядро весит около 2 KB gzipped.

https://github.com/reatom/reatom
🔥4👍1