Web Stack
الذهاب إلى القناة على Telegram
Дайджест web разработчика: статьи, туториалы, практики и полезные инструменты. Админ: @jem_jem Реклама: http://bit.ly/2wZeIPj 👉 Дайджест мобильной разработки @mobile_dvlp
إظهار المزيد
الشبكة:4 085
المشتركون
-324 ساعات
-107 أيام
-1830 أيام
جارٍ تحميل البيانات
القنوات المماثلة
سحابة العلامات
لا توجد بيانات
هل تواجه مشاكل؟ يرجى تحديث الصفحة أو الاتصال بمدير الدعم الخاص بنا.
الإشارات الواردة والصادرة
---
---
---
---
---
---
جذب المشتركين
أكتوبر '26أكتوبر '26
أكتوبر '26
+9
في 0 قنوات
سبتمبر '260
في 0 قنوات
Get PRO
أغسطس '260
في 0 قنوات
Get PRO
يوليو '260
في 0 قنوات
Get PRO
يونيو '260
في 0 قنوات
Get PRO
مايو '260
في 0 قنوات
Get PRO
أبريل '260
في 1 قنوات
Get PRO
مارس '260
في 0 قنوات
Get PRO
فبراير '260
في 0 قنوات
Get PRO
يناير '260
في 0 قنوات
Get PRO
ديسمبر '250
في 0 قنوات
Get PRO
نوفمبر '250
في 0 قنوات
Get PRO
أكتوبر '250
في 0 قنوات
Get PRO
سبتمبر '250
في 0 قنوات
Get PRO
أغسطس '250
في 0 قنوات
Get PRO
يوليو '250
في 0 قنوات
Get PRO
يونيو '250
في 0 قنوات
Get PRO
مايو '250
في 1 قنوات
Get PRO
أبريل '250
في 1 قنوات
Get PRO
مارس '250
في 1 قنوات
Get PRO
فبراير '250
في 0 قنوات
Get PRO
يناير '250
في 0 قنوات
Get PRO
ديسمبر '24
+12
في 0 قنوات
Get PRO
نوفمبر '24
+20
في 0 قنوات
Get PRO
أكتوبر '24
+26
في 2 قنوات
Get PRO
سبتمبر '24
+5
في 0 قنوات
Get PRO
أغسطس '240
في 1 قنوات
Get PRO
يوليو '24
+4
في 0 قنوات
Get PRO
يونيو '24
+2
في 0 قنوات
Get PRO
مايو '24
+8
في 0 قنوات
Get PRO
أبريل '24
+12
في 0 قنوات
Get PRO
مارس '24
+9
في 0 قنوات
Get PRO
فبراير '24
+46
في 0 قنوات
Get PRO
يناير '24
+73
في 0 قنوات
Get PRO
ديسمبر '23
+61
في 0 قنوات
Get PRO
نوفمبر '23
+28
في 0 قنوات
Get PRO
أكتوبر '23
+96
في 2 قنوات
Get PRO
سبتمبر '23
+26
في 0 قنوات
Get PRO
أغسطس '23
+17
في 0 قنوات
Get PRO
يوليو '23
+16
في 0 قنوات
Get PRO
يونيو '23
+18
في 0 قنوات
Get PRO
مايو '23
+19
في 0 قنوات
Get PRO
أبريل '23
+49
في 0 قنوات
Get PRO
مارس '23
+55
في 0 قنوات
Get PRO
فبراير '23
+56
في 0 قنوات
Get PRO
يناير '23
+103
في 0 قنوات
Get PRO
ديسمبر '22
+58
في 0 قنوات
Get PRO
نوفمبر '22
+105
في 0 قنوات
Get PRO
أكتوبر '22
+106
في 0 قنوات
Get PRO
سبتمبر '22
+104
في 0 قنوات
Get PRO
أغسطس '22
+87
في 0 قنوات
Get PRO
يوليو '22
+87
في 0 قنوات
Get PRO
يونيو '22
+88
في 0 قنوات
Get PRO
مايو '22
+98
في 0 قنوات
Get PRO
أبريل '22
+84
في 0 قنوات
Get PRO
مارس '22
+68
في 0 قنوات
Get PRO
فبراير '22
+74
في 0 قنوات
Get PRO
يناير '22
+73
في 0 قنوات
Get PRO
ديسمبر '21
+50
في 0 قنوات
Get PRO
نوفمبر '21
+226
في 0 قنوات
Get PRO
أكتوبر '21
+70
في 0 قنوات
Get PRO
سبتمبر '21
+59
في 0 قنوات
Get PRO
أغسطس '21
+78
في 0 قنوات
Get PRO
يوليو '21
+195
في 0 قنوات
Get PRO
يونيو '21
+245
في 0 قنوات
Get PRO
مايو '21
+116
في 0 قنوات
Get PRO
أبريل '21
+101
في 0 قنوات
Get PRO
مارس '21
+257
في 0 قنوات
Get PRO
فبراير '21
+210
في 0 قنوات
Get PRO
يناير '21
+135
في 0 قنوات
Get PRO
ديسمبر '20
+6 971
في 0 قنوات
| التاريخ | نمو المشتركين | الإشارات | القنوات | |
| 26 أكتوبر | 0 | |||
| 25 أكتوبر | 0 | |||
| 24 أكتوبر | 0 | |||
| 23 أكتوبر | 0 | |||
| 22 أكتوبر | 0 | |||
| 21 أكتوبر | 0 | |||
| 20 أكتوبر | +1 | |||
| 19 أكتوبر | +1 | |||
| 18 أكتوبر | 0 | |||
| 17 أكتوبر | +1 | |||
| 16 أكتوبر | +1 | |||
| 15 أكتوبر | 0 | |||
| 14 أكتوبر | 0 | |||
| 13 أكتوبر | 0 | |||
| 12 أكتوبر | +1 | |||
| 11 أكتوبر | +2 |
منشورات القناة
AI-виджет поддержки, который сам заводит баги в GitHub
Показан рабочий способ собрать виджет поддержки для React и Next.js, который принимает баги, вопросы и идеи, сохраняет их в своей базе, а потом помогает вручную отправлять только подтвержденные баги в GitHub. Такой подход нужен, чтобы не терять обращения из разных каналов и не создавать публичные issue с лишними личными данными.
https://www.freecodecamp.org/news/build-an-ai-support-system-that-automatically-routes-bugs-to-github/
| 2 | diffnav: просмотр git diff в терминале с деревом файлов
diffnav — терминальный pager для git diff с подсветкой синтаксиса и деревом файлов, как в интерфейсе GitHub. Он помогает быстрее ориентироваться в больших изменениях: видно, какие файлы затронуты, и можно сразу перейти к нужному месту в diff без лишнего скролла.
https://github.com/dlvhdr/diffnav | 230 |
| 3 | npm staged publishing теперь умеет создавать новые пакеты
npm staged publishing теперь позволяет создавать новый npm package без ручного первого publish и подходит для автоматизированных workflows. Для этого можно использовать local session или granular access token, включая stage-only token; первая версия попадает в staged queue и становится доступной только после промоушена мейнтейнером.
https://github.blog/changelog/2026-10-02-npm-staged-publishing-now-supports-creating-new-packages/ | 286 |
| 4 |  Nuxt 4.6: шаг к независимости от Nitro и новый CLI
Nuxt 4.6 делает фреймворк заметно гибче для fullstack Vue-приложений: серверный слой больше не привязан жестко к Nitro, а сборка сервера через чистый Vite теперь доступна как экспериментальный вариант. Это упрощает выбор стека под проект и снижает зависимость от конкретной серверной обвязки, а встроенные сессии, поддержка Vue Vapor и новый Nuxt CLI 4.0 добавляют удобства в повседневной разработке.
https://nuxt.com/blog/v4-6 | 299 |
| 5 |  Как ускорить страницу с демо-видео и уложиться в 400 КБ на первом экране
Демо-видео на первом экране можно сделать быстрым, если отдельно оптимизировать сам ролик, постер и момент запуска. В этом кейсе страница стала грузить около 400 КБ вместо 3,1 МБ: видео сжали с 38 до 1,8 МБ, постер перевели в WebP, а автозапуск перенесли на первое действие пользователя, чтобы не тормозить LCP.
https://habr.com/ru/articles/1090594/ | 340 |
| 6 |  Анатомия уязвимостей API по OWASP API Security Top 10
OWASP API Security Top 10 показывает не только сами уязвимости, но и какие инженерные решения обычно приводят к их появлению. Это полезно тем, кто проектирует и пишет API: список помогает заранее закрывать типовые дыры вроде BOLA, слабой аутентификации, SSRF и ошибок в авторизации на уровне объектов и функций.
https://www.freecodecamp.org/news/engineering-anatomy-of-api-vulnerabilities-owasp-api-security-top-10/ | 395 |
| 7 |  Edge Functions стали в 5 раз быстрее благодаря MicroVMs
Netlify перевёл Edge Functions с v8 isolates на MicroVMs внутри своей edge-сети, чтобы снизить задержку, повысить надёжность и ускорить доставку логов. На тёплом вызове это дало примерно 5–6 мс вместо 25–40 мс на старой инфраструктуре, а изоляция на уровне MicroVMs лучше защищает разные деплои друг от друга.
https://www.netlify.com/blog/edge-functions-firecracker-microvms/ | 352 |
| 8 |  Cloudflare Clef: модель для принятия решений по состоянию, а не генерации текста
Clef — это модель, которая превращает состояние системы в набор решений по заранее заданным вопросам. Она читает вход как текст, JSON, изображения или видео и за один проход возвращает вероятности по всем допустимым вариантам, без генерации свободного текста и без парсинга ответа.
Для веб-приложений это полезно там, где нужен предсказуемый выбор: маршрутизация обращений, разбор инцидентов, обработка инвойсов, оценка срочности или классификация по бизнес-правилам. Модель совместима с Jev и SystemOne, умеет работать через SGLang, а для более дешёвого и быстрого варианта есть Clef-Flash.
https://huggingface.co/Cloudflare/clef?ref=console.dev | 365 |
| 9 |  Deno присоединяется к Cloudflare для self-hosting Workers
Deno и Cloudflare объединяют усилия, чтобы упростить self-hosting Workers и Durable Objects и дать разработчикам один и тот же набор примитивов в большем числе окружений. Это важно, потому что такой подход снимает часть зависимости от одного провайдера и делает перенос и запуск приложений на своей инфраструктуре реальнее без смены модели разработки.
celld и workerd станут основой для более удобной поддержки self-hosting, а в проекте будут использовать идеи и код из celld. Для разработчика это означает, что можно будет строить приложения в стиле Workers и при этом запускать их не только у Cloudflare, но и в собственном окружении.
https://blog.cloudflare.com/deno-joins-cloudflare/ | 348 |
| 10 |  Bun 1.4.3: встроенная проверка типов и ускорение сборки
Bun v1.4.3 добавляет bun check, встроенную проверку TypeScript, которая в реальных проектах работает в несколько раз быстрее tsc и заметно экономит память. Для повседневной разработки это значит более быстрый фидбек в bun run --check, bun test --check и bun build --check, когда ошибки типов ловятся до запуска кода или сборки.
Обновление также ускоряет node:http на больших ответах, JSON.parse, обработку отклонённых Promise, снижает простой CPU и память у bun build, а ещё добавляет Bun.FetchSession, экспериментальный Bun.ModuleGraph, поддержку If-Range в Bun.serve и новые опции вроде --disallow-code-generation-from-strings.
https://bun.com/blog/bun-v1.4.3 | 383 |
| 11 |  Cloudflare K2: serverless event streams
Cloudflare K2 — это сервис потоковой доставки событий, который хранит данные как упорядоченный лог и позволяет читать их нескольким потребителям независимо друг от друга. Он полезен там, где нужно не терять события при пиках нагрузки, сбоях или долгой недоступности downstream-сервисов, а ещё держать историю данных без собственного кластера брокеров.
K2 построен поверх R2, поэтому отделяет вычисления от хранения и масштабируется без ручного управления инфраструктурой. Для продукта это означает более дешёвое и долговечное хранение, а на практике — удобный буфер для аналитики, антифрода, фоновой обработки и fan-out сценариев, где один поток событий читают сразу несколько систем.
https://blog.cloudflare.com/cloudflare-k2-streams/?ref=console.dev | 391 |
| 12 |  Как рисовать system design диаграммы на Python
Diagrams позволяет описывать архитектуру приложения кодом вместо ручной отрисовки: вы задаёте узлы, связи и группы, а на выходе получаете готовую схему. Это удобно для документации, потому что такие диаграммы легче хранить в Git, обновлять вместе с кодом и генерировать автоматически в CI/CD или при сборке документации.
Для работы нужны Python 3.7+, pip и Graphviz, после чего библиотека ставится через pip install diagrams. В коде используются Diagram, узлы вроде EC2, стрелки >>, <<, - для направления потока и Cluster для группировки слоёв, окружений или сервисов.
https://www.freecodecamp.org/news/how-to-create-system-design-diagrams-using-python/ | 389 |
| 13 |  TanStack Router для React: типобезопасная маршрутизация, загрузчики и защита роутов
TanStack Router даёт маршрутизацию для современных React-приложений с полной типобезопасностью, автогенерацией routeTree.gen.ts, ленивой загрузкой и работой с query-параметрами без ручного парсинга строк. Это полезно, когда нужно ловить ошибки в путях и параметрах на этапе сборки, а не в проде, и при этом держать навигацию, загрузку данных и доступ к защищённым страницам в одном месте.
На практике это помогает собрать приложение с вложенными layout'ами, loader, useLoaderData, beforeLoad, router.invalidate() и защитой роутов, не утопая в useEffect и лишнем boilerplate. Для React-разработчика это хороший способ сделать роутинг чище, быстрее и удобнее для масштабирования.
https://www.freecodecamp.org/news/master-modern-react-routing-tanstack-router-crash-course/ | 482 |
| 14 |  Size Limit: контроль размера и скорости JS-бандла в CI
Инструмент Size Limit измеряет не только размер JS, но и реальную стоимость его загрузки и выполнения в браузере. Его удобно подключать в GitHub Actions или другой CI, чтобы пул-реквесты не протаскивали тяжёлые зависимости и не ухудшали производительность.
https://github.com/ai/size-limit?ref=console.dev | 492 |
| 15 |  Как строить масштабируемые AI-автоматизации в n8n
n8n помогает собирать не только простые связки сервисов, а рабочие автоматизации для продакшена с вебхуками, self-hosted-развёртыванием, обработкой REST API и кастомным JavaScript для очистки и преобразования данных.
Плюс в том, что на его базе можно строить AI-пайплайны: извлекать структуру из документов, подключать LLM, делать агентов с памятью, собирать цепочки из нескольких агентов и добавлять ручные approvals, ретраи и мониторинг, чтобы это не ломалось на реальных нагрузках.
https://www.freecodecamp.org/news/create-scalable-ai-automations-with-n8n/ | 470 |
| 16 |  Beta: Oxynote — документация API в стиле Stripe
Oxynote — это подход к API-документации в стиле Stripe, который помогает быстро собрать понятные и аккуратные справочные страницы для продукта. Он полезен, когда нужно не просто перечислить эндпоинты, а показать разработчику, как с ними работать без лишней возни.
Для команды это значит меньше времени на ручную верстку и поддержку документации, а для пользователей API — более предсказуемый и удобный опыт. Такой формат особенно пригодится, если вы строите публичный API и хотите, чтобы интеграция проходила без лишних вопросов.
https://github.com/oxynote/oxynote | 463 |
| 17 |  CSS Anchor Positioning: как привязывать элементы к другим элементам
CSS Anchor Positioning позволяет позиционировать один absolute-элемент относительно другого элемента-якоря, даже если они находятся в разных ветках DOM. Это полезно для попапов, подсказок, меню и любых интерфейсных связок, где нужно держать элемент рядом с триггером без ручных пересчётов координат.
Вместо привязки к контейнеру используются anchor-name, position-anchor, position-area и anchor(): ими можно выбрать якорь, задать сторону и точно совместить границы элементов. В Chrome это уже работает с мая 2024 года, а на практике даёт более надёжную и гибкую альтернативу ручному position: absolute для связанных UI-элементов.
https://habr.com/ru/articles/1092540/ | 431 |
| 18 |  TanStack Charts: типизированная библиотека для графиков в React
TanStack Charts даёт грамматику для графиков на SVG и Canvas, где можно собирать marks, scales, transforms, interactions и анимации из компактных примитивов или через совместимые с D3 входы. Это полезно, когда нужен не просто готовый chart component, а гибкая основа, которую не придётся менять при росте продукта.
У библиотеки стабильный API в версии 1.0, строгая типизация и tree-shaking, а базовый React line chart весит 32.1 kB gzip. Canvas можно подключать точечно для тяжёлых графиков, при этом оси, тултипы, hydration, responsive layout и экспорт продолжают работать через одну и ту же схему описания.
https://tanstack.com/charts/latest?ref=console.dev | 435 |
| 19 |  Как Cloudflare Radar упростили для широкой аудитории
Cloudflare Radar получил редизайн, чтобы данные о глобальном трафике и сбоях в интернете было проще читать не только инженерам, но и журналистам, исследователям и обычным пользователям. В новой версии сделали акцент на map как на понятной точке входа и перевели блоки с данными в более структурированный tabbed-поток, чтобы не перегружать страницу и сохранить глубину информации.
Для веб-разработчика здесь важен сам подход: сложный data product можно сделать заметно понятнее, если выстроить иерархию, опереться на знакомые паттерны и привести интерфейс к общей дизайн-системе. Это хороший пример того, как редизайн влияет не только на внешний вид, но и на доверие, навигацию и то, насколько охотно пользователи будут возвращаться к продукту.
https://blog.cloudflare.com/radar-redesign/ | 489 |
| 20 |  Профилирование CPU и памяти в Workers и Durable Objects по запросу
Cloudflare добавила профилирование CPU и памяти для Workers и Durable Objects прямо в продакшене. Это даёт flamegraph, где видно, какая функция съедает время или память, и помогает быстрее находить утечки, лишние вычисления и причины OOM. Профиль можно снять из Dashboard или через CLI, а затем скачать файл и разобрать его дальше. Для TypeScript важно включить source maps, иначе имена функций в профиле будут плохо читаемыми.
https://blog.cloudflare.com/workers-on-demand-profiling/ | 468 |
