JZZ - MIDI библиотека для Node.js и браузеров

- Поддерживается во всех браузерах, включая IE11 и Opera
- Можно использовать как в Node.js, так и в браузере
- Кастомные MIDI узлы
- Дополнительные модули

#jslib #javascript #frontend #backend #music

Не секрет, что лучшие вакансии в айти расходятся задолго до попадания на hh и linkedin. Одно из мест где можно ловить такие варианты это канал Профунктора: NVIDIA, Revolut, Bolt, Мосбиржа и другие лучшие карьерные варианты для разработчиков появляются там регулярно. Стоит подписаться, чтобы быть в курсе того сколько нынче платят «по рынку», и не гнуть спину за полцены из-за того что неудачно прособеседовался год назад.

@profunctor_jobs

Создание 2D RPG игры на react-three-fiber

#jsarticle #javascript #react #reactthreefiber #frontend #gamedev

Vue 3 - управление глобальным состоянием с помощью Composition API

#jsarticle #javascript #vue #frontend #webdev

​​Парсинг страниц в JavaScript с помощью node-fetch + cheerio / jsdom

#jsarticle #javascript #backend #nodejs #cheerio #jsdom

Введение в Deno с практическими примерами

Введение в Deno начиная с процесса установки. В статье описываются использование CLI Deno, написание веб приложений на Deno, управление зависимостями, форматирование кода с помощью deno fmt и сравнение с Node.js

Рекомендуется к прочтению тем, кто хотел попробовать Deno, но не знал с чего начать

#jsarticle #javascript #deno #backend #webdev

Визуализация данных в React с помощью Chart.js

#jsarticle #javascript #frontend #webdev #chartjs #datavis #react

Вышел Deno 1.5

Некоторые изменения:

- Были добавлены API prompt, alert и confirm для написания интерактивных CLI. Примечательно что у Node.js до сих пор нет близких к браузерным API для ввода в консоли
- У deno bundle появился флаг --no-check
- В REPL теперь есть подсветка кода и автозаполнение через Tab
- Добавились методы Deno.sleepSync и Deno.systemCpuInfo()
- Deno.transpileOnly() теперь использует SWC
- В std/path появился метод toFileUrl()
- В std/testing добавились методы assertExists и assertObjectMatch

#jsrelease #javascript #backend #deno #webdev

Вышел Next.js 10

Основные нововведения:
- Новый встроенный компонент для оптимизации изображений
- Интернационализация в роутинге
- Аналитика
- Next.js Commerce
- поддержка React 17
- Поддержка Fast Refresh для MDX
- Импорт CSS для сторонних компонентов
- Автоматический резолв href для ссылок (атрибут as больше не требуется)
- CLI кодмоды для автоматического обновления версии фреймворка
- блокирующий фоллбек для getStaticPath

https://nextjs.org/blog/next-10


Кстати, прямо сейчас идёт Next.js Conf. Посмотреть можно тут:
https://nextjs.org/conf

Сравнение скорости генераторов статических сайтов

Сравниваются 11ty, Gatsby, Hugo, Jekyll, Next.js и Nuxt.js

Вкратце:

- Hugo самый быстрый в независимости от количества файлов
- Next.js быстрее чем Jekyll при 32К файлах и быстрее чем Jekyll и 11ty при 64К файлах
- Gatsby оказался самым медленным

#jsarticle #javascript #11ty #gatsby #ssg #hugo #jekyll #nuxt #nextjs

У esbuild появился свой сайт

На сайте находятся инструкции по установке, туториалы, API документация, описания типов файлов, которые может собирать esbuild, FAQ, а также анимированный бенчмарк

#jstools #frontend #webdev

GraphQL через вебсокеты

Так как GraphQL - это язык запросов данных, то он он необязательно привязан к REST. В этой статье показывается как можно использовать GraphQL через вебсокеты при помощи модуля graphql-ws

#jsarticle #javascript #frontend #webdev #graphql #websockets

​​Создание аудиовизуализации с помощью Web Audio API

#jsarticle #javascript #frontend #webdev

Теперь WebAssembly можно использовать в качестве энпдоинтов для REST API

Недавно был анонсирован WAGI - WebAssembly Gateway Interface, инструмент, который позволяет писать HTTP эндпоинты используя бинарники WASM

Попробовать WAGI можно с помощью WAGI Server

#jsarticle #webassembly #backend #webdev

Вложенные пути в React Router 5

#jsarticle #javascript #frontend #webdev #react #reactrouter

~Важное сообщение~

Любой читатель этого канала может предлагать свои open-source проекты (библиотеки, инструменты и т.д.), а также авторские статьи, в наш чатик

Самые лучшие будут опубликованы на канале

​​graphql-let - инструмент для улучшения генерации типов для GraphQL кода

graphql-let основан на graphql-codegen, но в отличие от просто генерации кода, ещё генерируются и типы + HMR (hot module replacement) работает без артефактов

Можно использовать в виде CLI, Webpack загрузчика или Babel плагина

#jstools #javascript #frontend #webdev #graphql

MongoDB Realm + GraphQL

#jsarticle #javascript #mongodb #backend #graphql #webdev

​​Проблемы перехода с Vue 2 на Vue 3

#jsarticle #vue #frontend #webdev #javascript

Aleph - React фреймворк для Deno, вдохновлённый Next.js

Как и в Next.js, в Aleph поддерживаются:
- статическая генерация и серверный рендеринг
- файловый роутинг
- HMR и Fast Refresh
- встроенная поддержка CSS импортов

Помимо фич Next.js, у Aleph есть свои собственные:
- Полная поддержка ESM (т.к. в Deno ESM - стандартная система)
- ESM модули как в сервере, так и в браузере, в результате меньший чем в Next.js бандл
- Отказ от поддержки IE11 (поддерживаются Chrome 61+, Edge 16+, Firefox 60+, Safari 11+ и Opera 48+)

#jslib #deno #backend #frontend #fullstack #react #webdev #nextjs

​​GraphQL Helix - гибкая и минималистичная библиотека для создания GraphQL серверов

- не привязан к фреймворкам, и даже к рантаймам. Можно использовать в Node, Deno и даже в браузере
- поддерживает Server push и client pull с помощью директив @defer и @stream
- нет дополнительных зависимостей кроме graphql-js
- гибок в настройке, позволяет реализовать свой GraphQL сервер из маленьких абстракций

#jslib #javascript #backend #webdev #graphql