Прогрессивная загрузка изображений в React: от размытого превью до картинки с высоким разрешением

#jsarticle #react #webdev #frontend #javascript

rc-form-pure - React библиотека для форм, основанная на хукам и чистых компонентах

Удобство работы с зависимыми полями через хуки useWatch и setFields

Конфигурация полей на уровне FormItem и на уровне FormBuilder через extraFieldsProps

Из коробки FormItem - pure компоненты (заметный перформанс для сложных форм)

Не зависит от менеджеров состояния (в отличие от redux-form)
Можно использовать в React Native
Легковесная
Нет зависимостей
Библиотека написана на TypeScript

Автор - наш подписчик (@mallchel)

#jslib #react #frontend #webdev #javascript #typescript #forms #hooks
#jslib

История ECMAScript, 5, 6 и далее

#jsarticle #javascript #ecmascript #es6

Почему не стоит использовать оператор нестрогого сравнения в JavaScript

#jsarticle #javascript

Деструктуризация в JavaScript

#jsarticle #javascript

uppload - TypeScript библиотека для загрузки файлов с более чем 30 плагинами

Поддерживает drag'n'drop и клик на камеру

Интегрирован поиск по изображениям (Unsplash, Pexels и т.д.)

Импорт изображений из соцсетей (Facebook, Instagram и т.д.)

Редактирование фото

Поддержка множества бэкендов

Есть поддержка Vue и React

Работает во всех современных браузерах и в IE10+

#jslib #typescript #frontend #webdev

​​Вышел Deno 1.3.2

Обновлён TypeScript до версии 4.0

Обработаны escape sequences для консоли

Теперь при неправильном типе в TextDecoder.decode кидается ошибка

Изменений не очень много, самое главное из них это обновление TS до 4.0

Остальные детали релиза можно посмотреть по ссылке выше

В std/node добавились 'events' и 'utils' модули из Node.js

#jsarticle #deno #javascript #backend

Проектирование плагин системы в JavaScript

#jsarticle #javascript #designsystems #frontend #webdev

4 рекомендации по разработке крупномасштабных проектов на Vue

#jsarticle #javascript #vue #frontend #webdev

​​THREE.MeshLine - Mesh альтернатива THREE.Line

THREE.Line использует GL_LINE, который накладывает некоторые ограничения. С помощью MeshLine можно использовать более настраиваемые линии со всеми фичами THREE.Mesh

#jslib #threejs #3d #frontend #javascript #webdev #webgl

​​ow - библиотека валидации аргументов функции

Библиотека реализует функционал валидации аргументов функции, используя предикаты. У каждого типа аргумента (число, строка, типизированный массив и т.д.) есть свой набор предикатов для проверки на валидноть. - например у string есть minLength.

Либа будет полезна создателям библиотек, где нужно кидать ошибки при неправильных аргументах

#jslib #javascript

​​react-three-flex - Flexbox для 3D

Библиотека, позволяющая создавать гибкие макеты внутри THREE.js, тем самым давая возможность делать адаптивные сайты вместе с 3D. Также гораздо легче миксовать DOM и WebGL контент.

Либа написана на React и использует react-three-fiber и Yoga под капотом, так что можно легко писать сайты на React вместе с 3D, при это вставляя куски DOM, причём производительно и адаптивно

Внутри либы находятся два компонента - <Box /> - контейнер для 3D объектов, и <Flex /> - контейнер для <Box />. У каждого из компонентов есть все пропсы из CSS Flexbox + укороченные версии

Внутри README лежит полный гайд о том как пользоваться react-three-flex, и парочка эффектных демок (демо 1 и демо 2)

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

Чтение таблиц из Google Sheets в Node.js

#jsarticle #javascript #nodejs #googlesheets #sheets

​​Вышел Underscore 1.11 - предшественник Lodash

В новой версии библиотека Underscore, предок Lodash, обновился до версии 1.11. Значителен этот релиз тем, что Underscore перешёл на ES модули. До этого tree-shaking в Lodash был невозможен.

Из менее крупных добавлений, добавились функции _.isArrayBuffer, _.isDataView, _.isTypedArray, и фикс некоторых багов.

#jsarticle #javascript

Современное тестирование React приложений

Серия статей о тестировании React приложений с помощью современных практик и инструментов (Jest, Enzyme, React Testing Library, Cypress)

Часть 1 | Часть 2 | Часть 3 | Часть 4

#jsarticle #javascript #react #frontend #testing #jest #enzyme #e2e #unittesting #cypress

​​Atomico - UI микробиблиотека, основанная на веб компонентах, функциях, хуках и Virtual DOM

Библиотека упрощает создание веб компонентов, делая их похожими на React компоненты

Поддерживает пропсы, хуки, Virtual DOM и JSX из React

Помимо встроенных хуков имеются специально предназначенные для WC, например useEvent

Поддерживает TypeScript

Может быть полезна как альтернатива Stencil и Haunted

#jslib #frontend #webdev #react #javascript #typescript #webcomponents

​​Вышел Node.js 14.10

Добавилась randomInt ф-ция для генерации случайных чисел в диапазоне внутри модуля crypto

Упрощены и ускорены асинхронные итераторы для потоков чтения (Readable) в модуле stream

#jsarticle #nodejs #backend #javascript

​​Jotai - минималистичный и гибкий менеджер состояния для React, вдохновлённый Recoil

Не вызывает лишних ререндеров

Совместим с Suspense и Concurrent Mode

Поддерживает TypeScript

#jslib #javascript #react #typescript #frontend #webdev #state #statemanagement

Появилась панель управления для backend приложений на Koa - AdminBro интеграция

AdminBro недавно добавил поддержку Koa, поэтому теперь можно очень быстро создать CRUD бекенд приложение, при этом написав минимальное количество кода

#jsarticle #backend #nodejs #koa #javascript #adminbro #crud

Основы GSAP - библиотеки для создания анимации в браузере

#jsarticle #javascript #greensock #gsap #frontend #webdev #animation