​​Вышел uvu 0.5

В новой версии библиотеки для написания unit-тестов была добавлена поддержка ESM (т.е. можно использовать import / export внутри тестов без дополнительных инструментов)

Также улучшилась поддержка для легаси версий Node.js, включая 8.x и 10.x

#jsrelease #uvu #testing #jslib #javascript #nodejs

​​dvm - менеджер версий для Deno без зависимостей

- Кросс-платформенный
- Совместим с уже установленным Deno
- 0 конфигурации

#jslib #javascript #deno #backend #webdev

​​esbuild-loader - Webpack лоадер на основе на esbuild

Значительно ускоряет скорость сборки благодаря тому, что esbuild в разы быстрее Webpack

В отличие от сырого esbuild, с esbuild-loader также можно подключать дополнительные настройки и плагины, как в и обычном Webpack

#jslib #javascript #frontend #webdev #esbuild #esm #webpack

​​Текстовые градиенты в CSS

#css #frontend #webdev #jsarticle

Переход с JavaScript на WebAssembly

#jsarticle #wasm #webdev #frontend #webassembly

Разворачивание Node.js приложения на AWS Fargate с автоматическим масштабированием

#jsarticle #nodejs #backend #javascript #webdev #aws #fargate #devops

​​WMR - многофункциональный инструмент для разработки современных веб-приложений

- HTML страница как входной файл
- Импорт модулей без установки
- Сборка и кеширование для npm модулей
- HMR для модулей, Preact компонентов и CSS
- Быстрая JSX транспиляция
- Поддержка CSS и CSS Modules
- Статика с HMR для графики и CSS
- Оптимизированная сборка для продакшена
- Пререндер страниц во время сборки
- Встроенная поддержка HTTP/2
- Поддерживает плагины для Rollup

#jstools #javascript #frontend #webdev #wmr #hmr #react #preact #rollup #bundling

​​Вышел Deno 1.6

Рантайм:
- Добавлена новая команда deno compile, с помощью которой можно собирать JavaScript и TypeScript код в исполняемый файл
- TypeScript обновлён до 4.1
- Поддержка сигналов для EventTarget
- Поддержка URL для Deno.readLink

std:

- в std/http добавилась валидация cookie
- в std/node setImmediate и clearImmediate были добавлены в глобальную область видимости
- в std/node/stream добавились Duplex, Transform, Passthrough, pipeline, finished и промисы

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

​​Вышел Node.js 15.4

- Добавилась поддержка AbortController
- Поддержка сигналов в EventTarget
- Поддержка цепочки вызовов в res.setHeader в http модуле
- В worker был добавлен экспериментальный BroadcastChannel

#jsrelease #javascript #nodejs #backend #webdev

Лучшие практики в JWT авторизации

#jwt #auth #backend #frontend #fullstack #jsarticle #javascript

Отмена Fetch запросов с помощью AbortController

#jsarticle #javascript #frontend #webdev

Фиксированный заголовок у таблиц с помощью React хуков

#react #hooks #frontend #webdev #jsarticle #javascript #html

​​mapbox-gl - интерактивные и кастомизируемые карты в браузере с помощью WebGL

#jslib #javascript #webdev #webgl #frontend

Превращение речи в текст на чистом JavaScript

#jsarticle #javascript #frontend #webdev #speechtotext

Сравнение производительности циклов в JavaScript

В статье описаны результаты анализа бенчмарков разных видов циклов, таких как forEach, while, for ... in и т.д.

В разных браузерах производительность видов циклов разная, т.к. у каждого браузера свои оптимизации. В Chrome самым быстрым оказался for, в Firefox forEach, for и map.

Хуже всего по производительности оказался for...in в обоих браузерах, и while в Firefox.

#jsarticle #javascript #frontend #webdev #perf

Создание блога на Next.js + Notion

#notion #jsarticle #javascript #nextjs #frontend #webdev #react

Исследование встроенного модуля async_hooks в Node.js

#jsarticle #javascript #nodejs #backend

Ускорение CSS-in-JS в 175 раз

В статье описан процесс оптимизации стилей на Emotion путём его замены на Linaria, использованием data атрибутов и CSS переменных

#jsarticle #cssinjs #css #javascript #frontend #webdev #react

​​Практический гайд по утечкам памяти в Node.js

#jsarticle #nodejs #backend #javascript #webdev

Microsite — статический генератор сайтов, основанный на Preact и Snowpack, поддерживающий автоматическую частичную регидрацию

Примечателен тем, что в отличие от веб фреймворков, таких как Next.js, Microsite отсылает в браузер только тот код, который используется страницей, при этом не отправляя код библиотек. В результате получаются очень быстрые страницы с минимальным количеством JavaScript.

Из других фич можно выделить:
- Генерация в ESM модули, как для серверной части, так и для клиентской
- Поддерживается JS, JSX и TSX
- Использует Preact в отличие от Next, что позволяет уменьшить размер бандла
- Поддержка CSS модулей из коробки
- getStaticProps для получения данных при сборке
- Управление глобальным состоянием через createGlobalState
- Поддержка TypeScript из коробки

#jslib #javascript #frontend #webdev #preact #ssg #typescript