Визуализация данных с помощью React + D3.js

#jsarticle #javascript #react #frontend #webdev #d3

NHttp — HTTP/2 фреймворк для Deno наподобие Express

В отличие от остальных фреймворков, не привязан к std/http и не зависимостей

Используется только нативный Deno.serveHttp (пока ещё нестабильный API для сервера, использующий Hyper, сервер на Rust)

#jslib #deno #backend #webdev #http2

​​Тригонометрия в JavaScript

#jsarticle #canvas #javascript #frontend #webdev

​​Gqless - GraphQL клиент, в котором не нужно писать запросы

Работает в рантайме с помощью Proxy API, который смотрит, какие поля были запрошены.

Например:

const { countries: { flag } } = useQuery()

создаст GraphQL запрос query { countries { flag } }

Из фич:

- Типы из коробки
- Работает с React, включая Suspense и хуки
- Готов к использованию в продакшене (поддерживает кэширование, SSR и т.д.)

#graphql #jslib #javascript #react #frontend #webdev

ts-audio — абстракция над AudioContext API, написанная на TypeScript

- значительно упрощает использование AudioContext
- поддерживает все современные браузеры
- можно легко создавать плейлисты
- не имеет зависимостей

#jslib #javascript #frontend #webdev #typescript

Canvg - JavaScript библиотека для парсинга SVG и рендера в Canvas

Либа полезна для отображения векторных изображений в растровом Canvas

- Работает как и в браузере, так и на сервере
- Имеет пресеты для Node.js и OffscreenCanvas
- Написан на TypeScript

#jslib #javascript #frontend #webdev #canvas

apollo-datasource-http — Оптимизированный HTTP Data Source для Apollo GraphQL сервера

- JSON по умолчанию
- поддержка HTTP/2 (нужен Node.js 15+)
- Использует got для HTTP запросов
- LRU (least recently used) кэширование для уменьшения нагрузки на сервер
- Поддержка AbortController для ручной отмены запросов
- Поддержка Apollo Cache Storage

#jslib #graphql #backend #webdev #apollo #nodejs #javascript

apollo-datasource-http — Оптимизированный HTTP Data Source для Apollo GraphQL сервера

- JSON по умолчанию
- поддержка HTTP/2 (нужен Node.js 15+)
- Использует got для HTTP запросов
- LRU (least recently used) кэширование для уменьшения нагрузки на сервер
- Поддержка AbortController для ручной отмены запросов
- Поддержка Apollo Cache Storage

#jslib #graphql #backend #webdev #apollo #nodejs #javascript

Вписывание изображений до формата с помощью размытия на CSS. Ана Тюдор показывает, как упаковать фото любых соотношений в квадратную плитку с помощью aspect-ratio, object-fit, размытого фона через filter или backdrop-filter, градиентных масок, а также делится фолбеками и текущими ограничениями. #css #webdev

https://frontendmasters.com/blog/non-square-image-blur-extensions/

Контекстные меню с popover и anchor positioning. Крис Койер показывает, как сделать кебаб-меню без JavaScript через HTML-инвокеры для popover, anchor-name и position-anchor, а также анимацию открытия и закрытия на CSS. А ещё умное позиционирование с помощью свойства position-try, чтобы меню всегда оставалось видимым. #css #webdev

https://frontendmasters.com/blog/popover-context-menus-with-anchor-positioning/

Декларативное меню на <dialog> с invoker commands. Дэвид Бушелл показывает гамбургерное меню на нативном <dialog> с новым Invoker Command API и небольшим JS-фолбэком для старых браузеров. Плюс заметки про :focus-visible в WebKit, closedby="any" и view transitions. #webdev #css

https://dbushell.com/2026/02/12/declarative-dialog-menu-invoker-commands/