Сценарное E2E тестирование для современных JS приложений
Scenetest помогает проверять продукт через inline ассерты и сценарио-оркестрацию с несколькими актерами, чтобы тесты были ближе к реальному пользовательскому пути. Подключайте Vite plugin и пишите спецификации в TypeScript или в исполняемом markdown DSL, а запуск делайте командой pnpm scenetest.
https://github.com/scenetest/scenetest-js
Scenetest помогает проверять продукт через inline ассерты и сценарио-оркестрацию с несколькими актерами, чтобы тесты были ближе к реальному пользовательскому пути. Подключайте Vite plugin и пишите спецификации в TypeScript или в исполняемом markdown DSL, а запуск делайте командой pnpm scenetest.
https://github.com/scenetest/scenetest-js
❤3👎1👌1
Адаптивная гексагональная сетка на современном CSS
Соберите повторяющуюся гексагональную сетку без медиа запросов и JS, используя flexbox, CSS переменные и современные возможности вроде corner-shape и точных вычислений для смещения рядов. Код короче, меньше магических чисел, а размер и gap управляются одной парой переменных.
https://css-tricks.com/responsive-hexagon-grid-using-modern-css/
Соберите повторяющуюся гексагональную сетку без медиа запросов и JS, используя flexbox, CSS переменные и современные возможности вроде corner-shape и точных вычислений для смещения рядов. Код короче, меньше магических чисел, а размер и gap управляются одной парой переменных.
https://css-tricks.com/responsive-hexagon-grid-using-modern-css/
👍2👎1
SEO и GEO в 2026 году: как настроить статический сайт на Astro с двумя языками
В статье разбирается, как собрать статический сайт на Astro так, чтобы поисковики и языковые модели видели готовый HTML, а не клиентский рендер. Показаны практики POSSE, уникальные meta, canonical и hreflang, а также редирект на нужную языковую версию для стабильного продвижения.
https://habr.com/ru/articles/1016942
В статье разбирается, как собрать статический сайт на Astro так, чтобы поисковики и языковые модели видели готовый HTML, а не клиентский рендер. Показаны практики POSSE, уникальные meta, canonical и hreflang, а также редирект на нужную языковую версию для стабильного продвижения.
https://habr.com/ru/articles/1016942
🔥2❤1🤔1
Тихие блокеры в robots.txt: как ошибки могут незаметно убрать сайт из Google
Неправильный .robots.txt может остановить обход страниц или скрыть важные директории, из-за чего контент не попадает в поиск. Разбираем типовые ошибки вроде Disallow: /, блокировок ресурсов и синтаксических опечаток, и проверяем конфиг через инструменты Google.
https://dev.to/freedevkit/the-silent-blockers-how-robotstxt-mistakes-can-ghost-your-site-from-google-12h0
Неправильный .robots.txt может остановить обход страниц или скрыть важные директории, из-за чего контент не попадает в поиск. Разбираем типовые ошибки вроде Disallow: /, блокировок ресурсов и синтаксических опечаток, и проверяем конфиг через инструменты Google.
https://dev.to/freedevkit/the-silent-blockers-how-robotstxt-mistakes-can-ghost-your-site-from-google-12h0
🔥3🤔1
Node.js: минимальный HashDoS-устойчивый и быстро обратимый целочисленный хеш для V8
HashDoS атакует детерминированные хеши, провоцируя массовые коллизии и блокируя event loop; в релизе March 2026 для V8 добавили целочисленный хеш, который одновременно трудно предсказать и быстро инвертировать с использованием секретных ключей.
https://nodejs.org/en/blog/vulnerability/march-2026-hashdos
HashDoS атакует детерминированные хеши, провоцируя массовые коллизии и блокируя event loop; в релизе March 2026 для V8 добавили целочисленный хеш, который одновременно трудно предсказать и быстро инвертировать с использованием секретных ключей.
https://nodejs.org/en/blog/vulnerability/march-2026-hashdos
👍3
Генеративный UI для веба на React и Next.js
Syntux принимает любое значение и автоматически проектирует интерфейс, описывая его через JSON-DSL и React Interface Schema. Поддерживаются стриминг генерации, кэширование, реактивные обновления и подключение кастомных компонентов для точной верстки под ваш продукт.
https://github.com/puffinsoft/syntux
Syntux принимает любое значение и автоматически проектирует интерфейс, описывая его через JSON-DSL и React Interface Schema. Поддерживаются стриминг генерации, кэширование, реактивные обновления и подключение кастомных компонентов для точной верстки под ваш продукт.
https://github.com/puffinsoft/syntux
❤3👍2🔥1
JS Benchmarks: сравниваем производительность JavaScript
Сравнивайте скорость выполнения популярных операций и сценариев в JavaScript, чтобы быстрее находить узкие места и выбирать оптимальные подходы для веб приложений. Полезно для бенчмаркинга, профилирования и принятия решений при оптимизации кода.
https://jsbenchmarks.com/
Сравнивайте скорость выполнения популярных операций и сценариев в JavaScript, чтобы быстрее находить узкие места и выбирать оптимальные подходы для веб приложений. Полезно для бенчмаркинга, профилирования и принятия решений при оптимизации кода.
https://jsbenchmarks.com/
👍4❤1
Nullify: детект и блок невидимой AI транскрипции встреч
Nullify это open source десктоп приложение для macOS и Windows, которое в реальном времени распознает скрытые AI инструменты транскрипции и блокирует их через аудиозащиту с психоакустическими искажениями. Всё работает локально, показывает мгновенное уведомление о активном инструменте и помогает защитить приватные разговоры в Zoom, Meet и Teams.
https://dev.to/dpelleri/i-built-an-open-source-app-to-detect-block-invisible-ai-meeting-transcription-5da
Nullify это open source десктоп приложение для macOS и Windows, которое в реальном времени распознает скрытые AI инструменты транскрипции и блокирует их через аудиозащиту с психоакустическими искажениями. Всё работает локально, показывает мгновенное уведомление о активном инструменте и помогает защитить приватные разговоры в Zoom, Meet и Teams.
https://dev.to/dpelleri/i-built-an-open-source-app-to-detect-block-invisible-ai-meeting-transcription-5da
🔥4💩1
Инфраструктура AWS через JSX и Terraform
React2AWS превращает знакомый синтаксис JSX в готовые Terraform модули, чтобы описывать VPC, Fargate, RDS и другие ресурсы как компоненты. Есть live editor, предпросмотр и экспорт в ZIP, так что можно быстро собрать прод инфраструктуру без километровых tf файлов.
https://github.com/mmarinovic/React2AWS
React2AWS превращает знакомый синтаксис JSX в готовые Terraform модули, чтобы описывать VPC, Fargate, RDS и другие ресурсы как компоненты. Есть live editor, предпросмотр и экспорт в ZIP, так что можно быстро собрать прод инфраструктуру без километровых tf файлов.
https://github.com/mmarinovic/React2AWS
GitHub
GitHub - mmarinovic/React2AWS at dailydev
Write AWS infrastructure like you write React components - mmarinovic/React2AWS
🤡4👍2
Knip v6: ускорение в 2–4 раза за счет oxc-parser и oxc-resolver
Knip v6 полностью заменил TypeScript backend на oxc-parser и oxc-resolver, убрав лишнюю обвязку и ускорив статический анализ. Дополнительно оптимизированы плагины для конфигов, добавлена поддержка TS namespaces, а также обновлены требования к Node.js и несколько форматов отчетов.
https://knip.dev/blog/knip-v6
Knip v6 полностью заменил TypeScript backend на oxc-parser и oxc-resolver, убрав лишнюю обвязку и ускорив статический анализ. Дополнительно оптимизированы плагины для конфигов, добавлена поддержка TS namespaces, а также обновлены требования к Node.js и несколько форматов отчетов.
https://knip.dev/blog/knip-v6
1❤4🔥1
Три причины раздувания зависимостей в JavaScript
Разбираем три типовых источника dependency bloat: поддержка древних рантаймов, защита от мутаций глобального окружения и кросс realm значения, из за которых в npm деревьях копятся лишние микропакеты. Узнаем, как начать чистить дерево без поломок.
https://43081j.com/2026/03/three-pillars-of-javascript-bloat
Разбираем три типовых источника dependency bloat: поддержка древних рантаймов, защита от мутаций глобального окружения и кросс realm значения, из за которых в npm деревьях копятся лишние микропакеты. Узнаем, как начать чистить дерево без поломок.
https://43081j.com/2026/03/three-pillars-of-javascript-bloat
🔥3
Куда исчезло 400 MiB в Node.js контейнере
Кейс, в котором после перезапуска подов память у одного экземпляра Node.js резко прыгала дискретными шагами и больше не возвращалась. Анализ через /proc и V8 inspector показал, что рост сидит в private dirty anonymous памяти процесса и требует смотреть не только на heap, но и на реальную картину аллокаций в момент нагрузки.
https://frn.sh/pmem/
Кейс, в котором после перезапуска подов память у одного экземпляра Node.js резко прыгала дискретными шагами и больше не возвращалась. Анализ через /proc и V8 inspector показал, что рост сидит в private dirty anonymous памяти процесса и требует смотреть не только на heap, но и на реальную картину аллокаций в момент нагрузки.
https://frn.sh/pmem/
👍1🤯1
Скрытая цена копипаста кода в ChatGPT
ИИ ускоряет разработку только на бумаге: исследование METR показало, что опытные разработчики на сложных задачах становятся на 19% медленнее, потому что теряют контекст и тратят время на отладку и уточнения. Главная проблема не в качестве генерации, а в workflow с постоянными переключениями и объяснениями того, что IDE и проект уже знают.
https://dev.to/ziva/the-hidden-cost-of-copy-pasting-code-into-chatgpt-dl2
ИИ ускоряет разработку только на бумаге: исследование METR показало, что опытные разработчики на сложных задачах становятся на 19% медленнее, потому что теряют контекст и тратят время на отладку и уточнения. Главная проблема не в качестве генерации, а в workflow с постоянными переключениями и объяснениями того, что IDE и проект уже знают.
https://dev.to/ziva/the-hidden-cost-of-copy-pasting-code-into-chatgpt-dl2
👍4
Безопасность Node.js март 2026
Обновления для веток 25.x, 24.x, 22.x и 20.x закрывают несколько уязвимостей в TLS, HTTP обработке, permission model, URL парсинге и HMAC валидации, включая сценарии с DoS, крашем процесса и потенциальной утечкой через timing.
https://nodejs.org/en/blog/vulnerability/march-2026-security-releases
Обновления для веток 25.x, 24.x, 22.x и 20.x закрывают несколько уязвимостей в TLS, HTTP обработке, permission model, URL парсинге и HMAC валидации, включая сценарии с DoS, крашем процесса и потенциальной утечкой через timing.
https://nodejs.org/en/blog/vulnerability/march-2026-security-releases
Разработка серверных приложений на Vite через плагин vavite
vavite позволяет использовать Vite как транспайлер и бандлер для серверного кода, упрощая разработку и сборку SSR и не только SSR сценариев. Подключайте плагин в vite.config, создавайте entry.server.ts и получайте быстрый dev с HMR, а в production запускайте сервер отдельно.
https://github.com/cyco130/vavite
vavite позволяет использовать Vite как транспайлер и бандлер для серверного кода, упрощая разработку и сборку SSR и не только SSR сценариев. Подключайте плагин в vite.config, создавайте entry.server.ts и получайте быстрый dev с HMR, а в production запускайте сервер отдельно.
https://github.com/cyco130/vavite
GitHub
GitHub - cyco130/vavite: Develop server-side applications with Vite
Develop server-side applications with Vite. Contribute to cyco130/vavite development by creating an account on GitHub.