react-colorful — минималистичный колор пикер для React приложений

Весит всего 1,6 КБ (в 20 раз легче react-color), поддерживает tree-shaking

Быстрый, потому что работает только на хуках и функциональных компонентах

Поддерживает различные цветовые форматы (HEX, RGB, HSL и HSV)

Написан на TypeScript и не имеет зависимостей

Поддерживает мобильные устройства

#jslib #javascript #react #frontend #webdev

Что нового в ES2020 - самые крупные изменения

#jsarticle #javascript #esnext #es2020

​​q5 - легковесная альтернатива p5

q5 - это библиотека для упрощения процесса создания 2D графики в браузере, так же как и p5. Но в отличие от p5, q5 гораздо меньше по размеру, выше производительность и не загрязняет глобальное пространство (если самому этого не сделать)

#jslib #javascript #frontend #webdev #p5 #canvas #2d #q5

Как сделать статический сайт на Cloudflare Workers Sites

#jsarticle #cloudflare #static #javascript #frontend #webdev

JavaScript: полное руководство по классам

#jsarticle #javascript

Функция clamp() в CSS - более удобная альтернатива media queries

#jsarticle #css #frontend #webdev

Создание Telegram бота на Node.js

#jsarticle #javascript #nodejs #telegram #telegrambot #bot

Работа с непредвиденными данными в JavaScript

#jsarticle #javascript

Введение в HTML Canvas

#jsarticle #javascript #frontend #html #webdev #canvas

​​Вышел Deno 1.4

Самые крупные изменения:

Добавилась реализация WebSocket API

В консоли теперь можно пользоваться CSS стилями (через %c)

Появился метод Deno.systemMemoryInfo()

deno run теперь можно запускать в режиме просмотра через флаг --watch

deno test теперь также может собирать покрытие тестов через флаг --coverage

#deno #jsrelease #backend #javascript #typescript

​​VKUI - библиотека React компонентов для создания интерфейсов наподобие Вконтакте

#jslib #javascript #frontend #react #webdev

​​art-template - быстрый движок для шаблонов

Самый быстрый шаблонизатор из всех существующих на данный момент

Работает как в Node.js так и в браузере

Поддерживает Express, Koa и Webpack

Браузерная версия весит всего 6KB

#jslib #javascript #frontend #backend #fullstack #webdev #express #nodejs #webpack #koa

Trex - пакетный менеджер для Deno

В Deno пути к модулям указываются через URL, что может приносить неудобства. Trex добавляет возможность прописывать сокращённые пути, например

  "imports":  {
    "http/":  "https://deno.land/std/http/"
  }
}

Помимо этой основной фичи, с помощью Trex можно легко обновлять, удалять и устанавливать пакеты для Deno репозиториев

Будет удобно тем, кому нравится Deno, но считают что прописывать полные пути не очень удобно

#jslib #javascript #deno #backend #webdev

Создание игры "Шахматы" на Node.js и React

#jsvideo #javascript #frontend #webdev #backend #fullstack #react #nodejs

Вышел pnpm 5.6

Добавился флаг --workspace-root для выполнения команд в контексте корня. С помощью этого флага, в монорепозиториях например можно вызывать линтер, который был установлен в корне: pnpm -w lint (запустит скрипт "lint" в корне)

Полоса загрузки при установке теперь теперь пишется сколько модулей добавлено в папку node_modules

Теперь если не найден ни скрипт, ни бинарник внутри текущего проекта внутри монорепы, но найден в корне, выводится ошибка

#jsrelease #pnpm #javascript #webdev #jstools

​​supertest-fetch - более современная альтернатива Supertest, основанная на Fetch API

Вместо Superagent (который использует Supertest), supertest-fetch основан на node-fetch. node-fetch имеет меньше зависимостей и более привычен по своему API.

Из других важных фич - полная поддержка TypeScript. В Supertest часто возникают странности с типами. Также supertest-fetch поддерживает промисы.

#jslib #nodejs #http #backend #testing

Вышел tinyhttp 0.3

Что нового:

- Поддержка шаблонизаторов (EJS, Pug, Handlebars и т.д.)
- Добавилась ф-ция sendFile (и много других ф-ций из Express)
- Были дописаны документация и туториал
- 25 различных примеров разных юзкейсов и интеграций с другими технологиями
- 10 промежуточных обработчиков, например @tinyhttp/session для управления сессиями
- Главный модуль @tinyhttp/app был раздроблён на 4 подмодуля, каждый из которых не зависит от главного. Это означает, что эти подмодули можно использовать за пределами фреймворка

#jsrelease #tinyhttp #backend #nodejs #javascript #typescript #webdev

Объяснение ключевых слов "inherit", "initial", "unset" и "revert" в CSS

#jsarticle #css #frontend #webdev

​​Вышел Vue 3

Что нового:

- Composition API (что-то наподобие React Hooks)
- Сильно улучшена производительность
- Улучшенная TypeScript интеграция
- Экспериментальные фичи для Vue SFC

#vue #frontend #jsrelease #javascript #webdev

Создание простого индикатора мощности пароля на JavaScript

#jsarticle #javascript #frontend #webdev