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

react-colorful — минималистичный колор пикер для React приложений

Весит всего 1,6 КБ (в 20 раз легче react-color), поддерживает tree-shaking

Быстрый, потому что работает только на хуках и функциональных компонентах

Поддерживает различные цветовые форматы (HEX, RGB, HSL и HSV)

Написан на TypeScript и не имеет зависимостей

Поддерживает мобильные устройства

#jslib #javascript #react #frontend #webdev

Что нового в ES2020 - самые крупные изменения

#jsarticle #javascript #esnext #es2020

​​q5 - легковесная альтернатива p5

q5 - это библиотека для упрощения процесса создания 2D графики в браузере, так же как и p5. Но в отличие от p5, q5 гораздо меньше по размеру, выше производительность и не загрязняет глобальное пространство (если самому этого не сделать)

#jslib #javascript #frontend #webdev #p5 #canvas #2d #q5

Как сделать статический сайт на Cloudflare Workers Sites

#jsarticle #cloudflare #static #javascript #frontend #webdev

JavaScript: полное руководство по классам

#jsarticle #javascript

Функция clamp() в CSS - более удобная альтернатива media queries

#jsarticle #css #frontend #webdev

Создание Telegram бота на Node.js

#jsarticle #javascript #nodejs #telegram #telegrambot #bot

Работа с непредвиденными данными в JavaScript

#jsarticle #javascript

Введение в HTML Canvas

#jsarticle #javascript #frontend #html #webdev #canvas