​​Вышел 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

Создание CRUD приложения на Node.js, Express и MongoDB

Туториал будет полезен новичкам, которые начали изучать Node.js

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

Полный гайд по аутентификации в Next.js

#nextjs #fullstack #javascript #backend #frontend #react #webdev

Вышел Cypress 5

В новой версии end-to-end фреймворка для тестирования добавились следующие фичи:

- автоматический рестарт тестов
- поддержка Shadow DOM

#jsarticle #javascript #cypress #testing #frontend #e2e

Вышел tinyhttp 0.4

В новой версии фреймворка добавилось много новых расширений, перенесённых из Express. Среди них:

- res.type
- res.format
- res.redirect
- req.is
- req.subdomains
- req.acceptsLanguages
- и т.д.

Также у приложения (App) теперь есть две новые настройки - subdomainOffset - для настройки req.subdomains, и bindAppToReqRes - для активации req.app и res.app

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

​​Создание сложных анимаций в React с помощью Framer Motion

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

​​Elsa - минималистичный, быстрый и безопасный рантайм для JavaScript и TypeScript, написанный на Go

Проект очень похож на Deno, но в отличие от него написан на Go, и поддерживает сборку в исполняемый файл

- Поддерживает URL импорты
- Нет доступа к fs, net и другим модулям, если не указать их в разрешениях
- Поддерживает TypeScript
- Может собирать код как и в бандл (для веба), так и в исполняемый файл (для запуска на компьютере)

На данный момент в Elsa нет HTTP сервера, так что не стоит (пока что) пытаться писать что-то серьёзное на этом движке

Зато, в отличие от Deno, Elsa может собирать JS в бинарник, что открывает много новых возможностей

#jslib #javascript #elsa #deno #golang #backend #runtime

​​Вышел react-three-fiber 5

В новой версии 3D библиотеки для React было исправлено много багов, а также было произведено много разных оптимизаций. Из новых фич:

- теперь не нужно писать "attach" в <geometry /> и <material />

- WebGL 2 включён по дефолту

- из useThree теперь возвращается viewport - значения границ и дистанций экрана

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

- в примитивах (<primitive />) теперь не нужно писать dispose={null}

#jsrelease #javascript #frontend #webdev #threejs #reactthreefiber #3d #react

Первое знакомство с Moon.js

Введение в Moon.js, очень быструю и минималистичную UI библиотеку, похожую на Vue

#jsarticle #javascript #moon #vue #frontend #webdev

Разбираем тестовое задание на должность фронтенд-разработчика на Vue.js

#jsarticle #javascript #frontend #vue #webdev