Интеграция Notion и Next.js

#jsarticle #nodejs #nextjs #fullstack #notion #frontend #react #webdev #backend

Визуализация данных с помощью 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

Динамический и статический роутинг в 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

Вышел Deno 1.11

- Новый интерфейс FsWatcher
- deno lint стабилизирован
- поддержка динамических Data URI импортов в Deno compile
- обновлен TypeScript до версии 4.3
- Добавлен API BroadcastChannel
- Добавлен randomUUID в Crypto API
- Добавлены TextDecoderStream и TextEncoderStream API

#jsrelease #deno #backend #webassembly

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

Знаю, что многие уже видели этот пост, о CSS,JavaScript и блокировка парсинга веб-страниц. Но все же информация достаточно ценная, для тех, кто ее не читал.
Обязательно добавь в закладки, уверен, пригодиться 😜👌
https://habr.com/ru/company/ruvds/blog/560740/

Хей, друзья! Ловите подборку книг, которая подойдет, как джунам, так и сеньорам!☺️👌

Интересная статья, про правильное использование классов и их наследования
«Прочитав еще одно сообщение в блоге о том, что классы JS являются « просто сахаром для прототипного наследования », я решил написать этот пост, чтобы еще раз прояснить, почему это утверждение вводит в заблуждение; пост, который, надеюсь, объясняет, в чем разница и почему важно это понимать.»
https://webreflection.medium.com/js-classes-are-not-just-syntactic-sugar-28690fedf078