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

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

👉 Дайджест мобильной разработки @mobile_dvlp
Download Telegram
Релиз pnpm 11.1: подписи audit, gh-префикс и новые флаги для CI

Добавлены audit signatures для проверки ECDSA-подписей registry, а также поддержка установки пакетов из GitHub Packages через встроенный gh: префикс и алиасы named registries в pnpm-workspace.yaml.

https://github.com/pnpm/pnpm/releases/tag/v11.1.0
1❤5🔥1
Blue: компиляция JavaScript в нативные бинарники

Blue компилирует ваш JS в C++ и собирает самостоятельный нативный исполняемый файл: нативные окна, файловая система и HTTP-серверы без Electron и без Node.js во время выполнения.

https://bluejs.dev/
👍3😁3🤯3❤1
Почему состояние ломает архитектуру приложений

Состояние в приложении это данные, которые влияют на его поведение: авторизация пользователя, текст в редакторе, выполненные задачи воркера, записи в базе. Сложность не в том, что состояние нужно хранить, а в том, что его трудно держать корректным, когда запросы идут параллельно, серверов становится больше, часть машин падает, а код постоянно меняется. Совет делать приложение stateless обычно означает не отказ от состояния, а вынос важного состояния туда, где его проще сохранять и восстанавливать. Для веб-разработчика это напоминание, что нужно заранее понимать, где живут данные, кто ими владеет и что произойдет, если они станут недоступны.

https://blog.bytebytego.com/p/why-state-is-the-hardest-thing-in
👍3🤔2
Как собрать AI-конструктор приложений на Next.js

Разбирается архитектура AI app builder’а, который по текстовому описанию собирает приложение в изолированном sandbox, показывает live preview, ведёт версии через Git и публикует результат без запуска агента на основном сервере.

https://www.freecodecamp.org/news/build-your-own-ai-app-builder-with-next-js-aws-and-sandboxes/
❤4
Генератор shadcn-графиков для Next.js

Инструмент позволяет быстро собрать график для Next.js и shadcn/ui без ручной возни с Recharts. Он генерирует готовый TSX-компонент с темой, tooltip, legend и адаптацией под светлую и тёмную тему, а данные можно либо зашить в компонент, либо передавать с сервера как prop.

https://www.freecodecamp.org/news/how-to-add-shadcn-ui-charts-to-nextjs/
👍2🔥2🎉2
Перестраиваем e-commerce на Next.js и Symfony

Разбор того, как живую e-commerce-платформу перенесли с legacy-архитектуры на связку Next.js и Symfony без остановки бизнеса. Переход понадобился из-за роста каталога, интеграций, требований к SEO и производительности, а также из-за того, что старое приложение стало слишком тесно связывать все процессы в одном месте.

https://habr.com/ru/articles/1089854/
🤯4👍2
Как Express проводит запрос через middleware

Express пропускает запросы через цепочку middleware, и это помогает выносить общие вещи вроде логина, парсинга JSON и проверки прав из роутов в отдельные функции. Если middleware не вызывает next(), запрос останавливается на нём; если вызывает, Express идёт дальше по цепочке.

https://dev.to/aryangupta9680/how-express-middleware-works-g1l
👍4❤3🔥1
TanStack Charts: типизированная библиотека для графиков на SVG и Canvas

TanStack Charts — это типизированная библиотека для построения графиков на SVG и Canvas, которая помогает собирать диаграммы из mark, scales, transforms и interactions без лишнего веса в бандле.

В React-версии базовый line chart занимает 32,1 kB gzip, а Canvas можно подключать точечно для тяжёлых сцен, сохраняя оси, tooltip, фокус и responsive-логику на одной схеме данных.

https://tanstack.com/charts/latest
👍3❤2
Почему LLM хуже замечают информацию в середине промпта

LLM могут иметь слепую зону для информации, которая находится в середине длинного промпта, даже если она явно есть во входных данных. На практике это значит, что при длинных документах, истории чата или результатах из tool calls модель чаще цепляется за начало и конец, а важная деталь в середине может быть проигнорирована.

https://blog.bytebytego.com/p/the-llm-blindspot-why-models-forget
👍4🤔2
REST API для задач на Node.js и Express

Разбор того, как собрать backend для менеджера задач на Node.js и Express: регистрация и логин, JWT-авторизация, CRUD для задач, валидация входных данных и проверка эндпоинтов через Postman или Thunder Client.

https://dev.to/saiprasanna/building-a-task-management-rest-api-with-nodejs-and-expressjs-61a
❤2👍2
Границы в софте: навык, который сильнее влияет на архитектуру, чем кажется

Граница в системе отделяет внутреннюю логику приложения от всего внешнего и удерживает вместе правила, ответственность и детали их применения. Через неё части системы общаются только по понятному пути, поэтому именно выбор границ определяет, что должно жить вместе, а что лучше разнести.

Это напрямую влияет на поддержку кода: удачные границы упрощают изменения, уменьшают связанность и делают зависимости предсказуемыми. Практический навык здесь — замечать, какие обязанности стоит группировать, и не пускать лишние зависимости внутрь ядра системы.

https://blog.bytebytego.com/p/how-software-boundaries-are-the-most
❤3👍2