​​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

Создание простого мессенджера на React, Express, Socket.io и TypeScript

#jsarticle #typescript #backend #webdev #express #nodejs #socketio #react #fullstack

​​vite-plugin-pages - Vite плагин генерации роутинга на основе файловой системы

#jslib #javascript #frontend #webdev #vite #vue

​​react-babylonjs — React интеграция для 3D движка Babylon.js

- Поддерживает Fast Refresh
- Типы из коробки
- React хуки для обработки событий, компоненты для настройки сцены, освещения, физики и т.д.


#jslib #javascript #frontend #webdev #react #webgl #babylon

GraphQL API на Node.js и Apollo

#jsarticle #javascript #backend #webdev #graphql #apollo #typescript

​​os-name - JavaScript библиотека для получения названия текущей ОС

#jslib #javascript #backend #nodejs