use-nft - React хук для получения информации о любом NFT

#jslib #react #web3 #webdev #frontend #javascript #nft #ethereum #blockchain

Inspx — React компонент для инспектирования макета

Позволяет отлаживать внутренние и внешние отступы, размеры, высоту и ширину

#jslib #jstools #javascript #react #frontend #webdev

Вышел Next.js 10.2

- prod сборка на 60% быстрее с помощью кэширования
- fast refresh ускорился на 0.1-0.2s
- запуск next dev на 24% быстрее
- улучшена доступность
- расширен функционал redirects / rewrites
- автоматическая оптимизация шрифтов

#jsrelease #nextjs #fullstack #frontend #webdev #react #javascript

​​Использование асинхронных API из WebAssembly

#jsarticle #webassembly #webdev #frontend

Vue 3 Composition API - ref() vs. reactive()

#jsarticle #javascript #vue #frontend #webdev

Обнаружение статуса интернет-подключения в браузере

#jsarticle #javascript #frontend #webdev

Packup - сборщик веб приложений без конфигурации, работающий на Deno

- Поддержка TS из коробки
- Module resolution совместимый с Deno
- Очень быстрый благодаря esbuild

Проект находится в ранней разработке, в будущем планируется добавить CSS импорты, оптимизацию и CLI флаги из Parcel

#deno #jstools #frontend #webdev

Внедрение Google форм в статический сайт без использования iframe

#jsarticle #frontend #webdev #javascript #html

​​Vuestic - UI фреймворк для Vue 3

- более 50 компонентов (с адаптивностью)
- хорошее a11y
- поддержка Chrome, Firefox, Safari 10+ и Edge

#jslib #vue #frontend #webdev #javascript

​​Parcel 2 Beta 3

- компилятор был переписан на Rust и стал в 10 раз быстрее
- tree-shaking для динамических импортов
- tree-shaking для CSS модулей
- новый флаг: --lazy. при его включении Parcel будет собирать только те файлы, которые меняются
- HMR для плагинов (полезно при разработке плагинов для Parcel)
- меньше зависимостей

#jsrelease #javascript #parcel #jstools #frontend #webdev

Logux - менеджер состояния для React, Vue и Svelte от создателя PostCSS

- Весит всего 157 байт и не имеет зависимостей
- Библиотека довольно быстрая, благодаря атомарному состоянию, которое не вызывает ререндер каждого компонента
- Хорошо работает с tree-shaking
- Не использует CPU и память пока не рендерятся компоненты, подписанные на состояние
- Поддерживает TypeScript

#jslib #javascript #react #svelte #vue #frontend #webdev #typescript

Использование фрагментов в GraphQL

#jsarticle #graphql #frontend #webdev #javascript

Интеграция Notion и Next.js

#jsarticle #nodejs #nextjs #fullstack #notion #frontend #react #webdev #backend

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

#jsarticle #javascript #react #frontend #webdev #d3

​​Тригонометрия в JavaScript

#jsarticle #canvas #javascript #frontend #webdev

​​Gqless - GraphQL клиент, в котором не нужно писать запросы

Работает в рантайме с помощью Proxy API, который смотрит, какие поля были запрошены.

Например:

const { countries: { flag } } = useQuery()

создаст GraphQL запрос query { countries { flag } }

Из фич:

- Типы из коробки
- Работает с React, включая Suspense и хуки
- Готов к использованию в продакшене (поддерживает кэширование, SSR и т.д.)

#graphql #jslib #javascript #react #frontend #webdev

ts-audio — абстракция над AudioContext API, написанная на TypeScript

- значительно упрощает использование AudioContext
- поддерживает все современные браузеры
- можно легко создавать плейлисты
- не имеет зависимостей

#jslib #javascript #frontend #webdev #typescript

Canvg - JavaScript библиотека для парсинга SVG и рендера в Canvas

Либа полезна для отображения векторных изображений в растровом Canvas

- Работает как и в браузере, так и на сервере
- Имеет пресеты для Node.js и OffscreenCanvas
- Написан на TypeScript

#jslib #javascript #frontend #webdev #canvas

#frontend #career #meetup 
Митап для начинающих IT-специалистов пройдет уже 16 декабря

Будет целый блок Frontend-лекций от разработчиков Газпромбанка, а еще расскажут, как прокачать IT-карьеру и многое другое.

Что в программе?
🔹  лекции, мастер-классы и воркшопы по Frontend-разработке и др.;
🔹  лайфхаки быстрого роста от джуна до сеньора;
🔹  прожарка резюме;
🔹  after-party и 🎁 мерч в подарок каждому участнику.

Участие бесплатное, но нужно зарегистрироваться! 

📅 16 декабря
📍 Москва, ЦДП 

🔗 Получить бесплатный билет

Реклама. БАНК ГПБ (АО). ИНН 7744001497.

Bookmarkable by Design: URL-Driven State in HTMX.

#article #coding #frontend #js
@thedevs
@thedevs_js

https://thedevs.link/q7xHqX