Вышел Snowpack 3

- Оптимизации для сборки
- JavaScript API для интегрирования Snowpack в серверные приложения
- Node.js runtime API для импортирования собранных файлов в Node.js
- Импорт заранее собранных модулей (через CDN)

#jsrelease #javascript #jstools

​​use-eazy-auth - библиотека для простой авторизации в React

- Кастомные хуки для управления состоянием пользователя и авторизации
- Хранилище (localStorage, sessionStorage,AsyncStorage и т.д.)
- Интеграция с React Router
- Настраиваемая политика обновления (refresh policies)
- Поддержка RxJS и промисов

#jslib #javascript #frontend #react #auth #webdev

​​Вышел Deno 1.7

- Кросс-компиляция и уменьшение размера бинарников (deno compile --lite --target ...)
- Поддержка MSYS для Windows
- Добавлен новый метод Deno.resolveDns
- Настраиваемые разрешения для Workers
- Поддержка markdown для deno fmt
- Поддержка UTF-16 и Big5 для TextEncoder/TextDecoder

#jsrelease #deno #backend #javascript #webdev #typescript

Рекурсивное создание директорий в Node.js

#jsarticle #javascript #nodejs #backend #webdev

​​Forgo — легковесный UI рантайм для современных веб приложений

- Весит 4KB
- Поддерживает JSX
- Компоненты, рефы, списки, ассинхронное получение данных, обработки ошибок
- Роутинг с помощью forgo-router
- Управление состоянием с помощью forgo-state

#jslib #javascript #frontend #webdev #react #jsx

​​JavaScript с условиями

Статья про то как загружать дополнительный JavaScript в зависимости от ресурсов устройства пользователя. Например, проверка на достаточное количество RAM, заряд батареи и т.д.

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

#jsarticle #javascript #frontend #webdev

Использование React хуков из Apollo вместе с TypeScript

#apollo #react #frontend #webdev #jsarticle #typescript #graphql

​​Создание системы пуш уведомлений на Node.js и Service Workers

#jsarticle #nodejs #backend #fullstack #webdev #javascript

Лёгкие для поддержки типы в TypeScript

Статья о том, как удобно писать типы, чтобы их легко было менять, наследовать и при этом тратить время на борьбу с type conflicts и другими проблемами.

#jsarticle #typescript

Паттерны авторизации в Next.js

#jsarticle #javascript #nextjs #react #fullstack #frontend #webdev

Создание своего укорачивателя ссылок

#jsarticle #javascript #webdev #backend

Состояние React экосистемы к 2021 году

#jsarticle #javascript #react #frontend #webdev

TypeScript и ES модули

#jsarticle #esm #typescript

​​Потенциальная уязвимость в Express + Handlerbars приложениях

В статье описываются уязвимости Local File Read и Remote Code Execution при использовании Handlebars в качестве шаблонизатора для Express.

#express #handlebars #jsarticle #javascript #backend #nodejs

Обновление страницы с определённым интервалом без использования JavaScript

#jsarticle #html #frontend #webdev

Плавные переходы страниц в React с помощью Framer Motion

#jsarticle #react #javascript #frontend #webdev #framer #framermotion

​​Wretch - маленькая обёртка над Fetch с более интуитивным API

В библиотеке параметры Fetch API по типу options.method или res.statusCode разбиты на отдельные методы для более удобного использования

Например:

wretch('url').get

().notFound()

Библиотека весит всего 3KB, поэтому её можно использовать вместо сырого Fetch, не боясь раздуть бандл. Также библиотека написана на TypeScript, что обеспечивает типизацию.

#jslib #typescript #frontend #webdev

Мод Нальпас во второй статье рассказала о том, как настроить HTTPS для локальной разработки — "How to use HTTPS for local development".

Для настройки локального HTTPS удобнее всего использовать утилиту mkcert. Mkcert — это zero-config утилита для настройки локального HTTPS. С помощью команды mkcert -install создаётся локальный certificate authority (CA), с помощью команды mkcert <domain_name> создаётся сертификат, который нужно использовать при настройке локального HTTP-сервера.

Ещё можно использовать самоподписанный сертификат или сертификат подписанный внешним CA. Но эти варианты не очень гибки и удобны по сравнению с mkcert.

#http

https://web.dev/how-to-use-local-https/

​​Как использовать CSFLE для MongoDB в Node.js

#jsarticle #backend #mongodb #javascript #nodejs #webdev

Сравнение производительности Cypress, Selenium, Playwright и Puppeteer

#jsarticle #jstools #testing #cypress #e2e #puppeteer #playwright