tinyws - очень маленький промежуточный обработчик веб-сокетов для Node.js

- Малый размер (498B)
- Простое использование. Только одно св-во - req.ws
- Не привязан к фреймворку
- Написан на TypeScript

#jslib #javascript #backend #webdev #nodejs #ws #websocket

Vue 3 Composition API - ref() vs. reactive()

#jsarticle #javascript #vue #frontend #webdev

erc20-balance - JavaScript библиотека для получения баланса кошелька токенов на базе Ethereum

Основная фича библиотеки заключается в том, что баланс можно получить не через адрес контракта, а через название токена, например: balance({ coin: 'LINK', addr: '...' })

- Список из более чем 2000 токенов
- Поддерживает Node.js и Deno
- Библиотека написана на TypeScript

#jslib #javascript #ethereum #blockchain #erc20

Обнаружение статуса интернет-подключения в браузере

#jsarticle #javascript #frontend #webdev

Вышел Node.js 16.2

- поддержка URL объектов для import.meta.resolve
- новое событие 'worker' для process
-в модуль util были добавлен методы util.types.isKeyObject и util.types.isCryptoKey

#jsrelease #javascript #nodejs #backend

Внедрение Google форм в статический сайт без использования iframe

#jsarticle #frontend #webdev #javascript #html

​​Vuestic - UI фреймворк для Vue 3

- более 50 компонентов (с адаптивностью)
- хорошее a11y
- поддержка Chrome, Firefox, Safari 10+ и Edge

#jslib #vue #frontend #webdev #javascript

​​Parcel 2 Beta 3

- компилятор был переписан на Rust и стал в 10 раз быстрее
- tree-shaking для динамических импортов
- tree-shaking для CSS модулей
- новый флаг: --lazy. при его включении Parcel будет собирать только те файлы, которые меняются
- HMR для плагинов (полезно при разработке плагинов для Parcel)
- меньше зависимостей

#jsrelease #javascript #parcel #jstools #frontend #webdev

Logux - менеджер состояния для React, Vue и Svelte от создателя PostCSS

- Весит всего 157 байт и не имеет зависимостей
- Библиотека довольно быстрая, благодаря атомарному состоянию, которое не вызывает ререндер каждого компонента
- Хорошо работает с tree-shaking
- Не использует CPU и память пока не рендерятся компоненты, подписанные на состояние
- Поддерживает TypeScript

#jslib #javascript #react #svelte #vue #frontend #webdev #typescript

Emittery - простой и современный асинхронный Event Emitter

Стандартный EventEmitter из Node.js не поддерживает синхронность, и обработка ошибок происходит через событие error вместо стандартного try ... catch

Emittery - улучшенная версия EventEmitter, которая работает асинхронно, поддерживает логгинг а также имеет хорошую поддержку TypeScript (с дженериками для более удобной типизации емиттеров)

#jslib #nodejs #backend #javascript

Использование фрагментов в GraphQL

#jsarticle #graphql #frontend #webdev #javascript

gRPC в Node.js

#jsarticle #grpc #nodejs #backend #webdev #javascript

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

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

Динамический и статический роутинг в React

#jsarticle #javascript #react #webassembly

​​Тригонометрия в 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

xv - современная и минималистичная Unit Test библиотека

- Быстрый запуск
- Не требует конфигурации
- Используется в lowdb
- Написан на JavaScript модулях (ESM)

#jstools #esm #nodejs #javascript