Vue DnD Zone

Это легковесный плагин на vue, которые реализует функциональность drag & drop.

👉 @sWebDev

react-number-format

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

👉 @sWebDev

Vue 3 Autocounter

Небольшой компонент Vue, который реализует анимацию возрастания числа.

👉 @sWebDev

React Photo Gallery

Это галерея на React в стиле pinterest, которая поддерживает оригинальное разрешение картинок, совместимо с SSR.

👉 @sWebDev

qrcode.react

Небольшая библиотека для генерации QR-кодов. Просто передайте в value компонента строку и получите код.

Пример:
const React = require('react');
const QRCode = require('qrcode.react');

React.render(
<QRCode value="http://facebook.github.io/react/" />,
mountNode
);

👉 @sWebDev

Vue3 OpenLayers

Это библиотека компонентов, которая привносит мощный API OpenLayers в мир Vue 3. Она может отображать карты с растровыми или векторными слоями, загруженными из разных источников.

👉 @sWebDev

lazysizes

Это быстрый , SEO-friendly и самоинициализирующийся lazy-loader изображений.

👉 @sWebDev

VueFlux

Это слайдер изображений, который поставляется с 20 крутыми переходами между слайдами.

👉 @sWebDev

redux-immutable

redux-immutable используется для создания иммутабильного эквивалента функции Redux CombineReducers, которая работает с состоянием при помощи библиотеки Immutable.js.

👉 @sWebDev

Vue Socials

Это набор из более 50 кнопок с иконками социальных сетей, которые можно встроить в проект на Vue.

👉 @sWebDev

V-wave

Это библиотека для Vue 2 и Vue 3, с помощью которой можно создавать различные эффекты при нажатии на блок.

👉 @sWebDev

graphql-hooks

Минималистичное дополнение к graphQL, позволяющее использовать react хуки.

Пример:
const { loading, error, data } = useQuery(HOMEPAGE_QUERY, {
variables: {
limit: 10
}
})

👉 @sWebDev

Vue-typical

Легковесная библиотека (всего около 400 байт), которая позволяет анимировать написание текста.

👉 @sWebDev

REACT COOL INVIEW

Это React-хук, позволяющий определять, какой из элементов в данный момент находится на экране.

👉 @sWebDev

Vuetify-swipeout

Дополнение к библиотеке Vuetify, которое реализует удаление элемента по свайпу.

👉 @sWebDev

2048 на React

Популярная игра 2048. Игрок должен объединять плитки с числами - степенями двойки. Числа суммируются, пока не дойдут до 2048.
Автор статьи сосредоточился на анимации. Он пользовался хуками React, а также TypeScript и LESS для создания игры.

👉 @sWebDev

Библиотеки для работы с cookie в JavaScript

Пять лучших решений при выборе библиотеки для работы с cookie в ваших проектах.

👉 @sWebDev

Видеозвонки на Angular, WebRTC и Openvidu

Мировые тенденции все больше склоняют к удаленной работе и важно поддерживать связь между сотрудниками не только в чатах, но и по видеосвязи. В статье описан способ создания собственных видеозвонков с использованием популярных инструментов, таких как: Angular, WebRTC и Openvidu.

👉 @sWebDev

Дракон на Three.js

Анимированный дракон у которого, кликами можно регулировать мощность чиха - чем больше кликов, тем сильнее чих.
Проект написан с использованием библиотеки Three.js.

👉 @sWebDev

React Hooks простыми словами

Статья рассказывает о хуках в React максимально подробно и просто, отказываясь от сложной терминологии. В первую очередь, почитать будет полезно для новичков, но и опытные разработчики смогут взглянуть на хуки с другой стороны.

👉 @sWebDev

Обзор 3-х библиотек для анимации в React

Рассмотрим популярные библиотеки с анимациями для ваших проектов на React.

👉 @sWebDev