Использование React Query с GraphQL

#jsarticle #javascript #graphql #frontend #react #webdev

​​sql-template-tag - JavaScript библиотека для построения SQL запросов при помощи шаблонных строк

- Работает с pg и mysql
- Поддержка TypeScript

#jslib #javascript #typescript #sql #backend #nodejs #webdev

​​JSONPack - JavaScript библиотека для сжатия JSON

- Способна сжимать до 55% от оригинального JSON
- Работает в 99% браузерах
- Поддерживает как Node.js, так и браузеры

#jslib #javascript

Вышел Next.js 10.1

- Ускоренный в 3 раза React Refresh
- Улучшено время установки (были заменены многие устаревшие модули)
- Оптимизация для next/image теперь происходит через WebAssembly (+ поддержка Apple Silicon)
- Новое св-во loader для next/image, позволяющее добавлять свою собственную CDN для картинок
- В Next.js Commerce появилась интеграция с Shopify
- Настраиваемая страница для серверных ошибок (500.js)
- Поддержка поля "extends" в tsconfig.json для проектов на TypeScript
- Теперь при навигации с помощью next/router страница прокручивается обратно вверх
- Улучшена документация

#jsrelease #nextjs #frontend #webdev #fullstack #react #javascript

​​Вышел NativeScript 8

- Поддержка Apple M1 процессоров
- Поддержка Webpack 5
- Улучшен a11y
- Новое свойство hidden
- Новые правила ESLint для проектов на NativeScript
- Новый контейнер RootLayout
- Обновлены сайт и документация

#jsrelease #nativescript

​​Sift - роутер и набор утилит для Deno Deploy

- Поддерживает JSX страницы (рендеринг через Preact) и Response объект
- URL параметры (например /page/:blog) для роутера

#jslib #deno #denodeploy #backend #webdev #javascript

use-wallet - React хук для подключения DApp к Ethereum кошельку

- Не привязан к Ethereum библиотекам (не использует Web3 / Ethers и т.д.)
- Отображает текущий баланс
- Поддерживает Metamask, WalletConnect, WalletLink и другие провайдеры

#jslib #javascript #react #frontend #webdev #web3 #ethereum

happy-dom - реализация DOM API для Node.js

- в 3 раза меньше чем JSDOM
- может рендерить веб-компоненты и Shadow DOM на сервере
- написана на TypeScript
- Работает с lit-html, React, Angular и Vue

#jslib #nodejs #backend #webdev

swc-node - более быстрый ts-node без проверки типов

- Быстрее ts-node, babel и esbuild
- Поддерживает Node 10+
- Интеграция для Jest
- register модуль для загрузки через -r

Функционал для email с помощью Node.js, React, Nodemailer и OAuth 2

#jsarticle #javascript #backend #frontend #webdev #react #nodejs

​​Onyx - библиотека авторизации для Deno, вдохновлённая Passport.js

#jslib #backend #webdev #deno

Использование C/C++ модулей в Deno с помощью WebAssembly

#jsarticle #backend #deno #webassembly #javascript

Вышел pnpm 6

- Новая команда: pnpm fetch. Сохраняет пакеты из локфайла в виртуальное хранилище
- Новое поле: overrides. С помощью него можно указать фиксированную версию для диапазона версий одного и того же модуля

- Убрана поддержка Node.js 10
- Изменения в локфайле для избежания merge конфликтов
- Все скачанные модули теперь будут находиться на одном уровне
- Новая настройка: modules-cache-max-age — максимальное время жизни для кэшированных модулей. Значение по умолчанию: 7 дней
- pnpx не будет устанавливать дополнительные зависимости, если этого не разрешил пользователь
- у pnp и pnpmfile теперь разрешение .cjs для CommonJS
- Убрана настройка pnpm-prefix. Вместо неё - global-dir
- флаг global теперь обязателен для pnpm link
- node-gyp обновился до 8 версии

#jsrelease #jstools #pnpm #webdev

Создание радио-сервера на Node.js

#jsarticle #nodejs #backend #webdev #javascript

​​Cote - фреймворк для микросервисов на Node.js без конфигурации

- Не имеет зависимостей
- Не нужна конфигурация
- Децентрализованный (нет основных узлов и т.п.)
- Устойчив к падению
- Горизонтально масштабируемый на неограниченное число серверов
- Производительный (может обрабатывать несколько тысяч запросов в секунду)
- Простой API

#jslib #javascript #nodejs #backend #webdev

react-ogp - React компонент для настройки OpenGraph тегов

- Автоматически ставит url и secure_url
- Форсинг заполнения обязательных полей для OGP объекта, для того чтобы не забыть их заполнить
- Написан на TypeScript

#jslib #react #frontend #webdev #javascript #typescript

​​react-tiny-link — React компонент для превью ссылок

- Не использует бекенд
- Поддерживает превью сайтов и медиа
- Написан на TypeScript

#jslib #javascript #react #typescript #frontend #webdev

​​Анимация URL с помощью JavaScript и Emoji

#jsarticle #javascript #frontend #webdev

​​flow-middleware - библиотека для промежуточных обработчиков, которая не загрязняет нативные объекты запроса и ответа

Библиотека проксирует присваивания св-в к req (например req.user), оставляя оригинальные объекты запроса и ответа нетронутыми

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

Поддерживает нативный http модуль, Express, tinyhttp, Polka и др.

#jslib #javascript #backend #nodejs

​​Миграция с Parcel на Snowpack: сравнение инструментов сборки

#jsarticle #javascript #parcel #snowpack #jstools #frontend #webdev