Ускорение загрузки обложки страницы с помощью <link rel="preload">

#jsarticle #html #frontend #webdev

Вышел npm 7

В новой версии пакетного менеджера появились:
- поддержка рабочих пространств (аналог yarn workspaces)
- автоматическая установка peer зависимостей
- поддержка yarn.lock

#jsrelease #npm #backend #nodejs #javascript

На данный момент последняя версия Node.js содержит npm@6

Но уже в 15ой версии Node.js будет включен npm@7

Вышел tinyhttp 0.5

В новой версии веб фреймворка добавились новые расширения для req и res:

- res.append
- req.path

Также были созданы два новых модуля @tinyhttp/rate-limit для ограничения запросов, и @tinyhttp/unless для кондиционального роутинга

Добавилось очень много новых примеров, включая интеграцию с Prisma и React SSR

#jsrelease #javascript #backend #nodejs #webdev

Создание JAMStack приложения с аутентификацией на Next.js, Airtable, Tailwind CSS и Auth0

#jsarticle #javascript #nextjs #react #fullstack #webdev #airtable #auth0 #tailwind

​​Вышел Node.js 15

Список некоторых новвоведений:

- npm обновлён до 7 версии
- поддержка QUIC, т.е. HTTP/3. Можно попробовать через экспериментальный флаг
- добавлен алиас на assert/strict
- V8 обновлён до версии 8.6, а это значит что теперь поддерживаются Promise.any, AggregateError, replaceAll и операторы логического присваивания
- Изменено поведение ошибок в промисах. Теперь вместо предупреждения и продолжения исполнения программы кидается ошибка.

#jsrelease #nodejs #backend #javascript

​​Написание современного бекенда на TypeScript, PostgreSQL и Prisma

Серия статей про создание REST API с помощью Prisma, включая авторизацию, CRUD, CI и тестирование

#jsarticle #javascript #backend #webdev #prisma #typescript #postgresql #rest

Переходы страниц в React с помощью Framer Motion

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

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