⚡️9 библиотек для React-разработчика, которые могут пригодиться

Сегодня в подборке:

Slate
Поможет создать функциональные, интуитивно понятные текстовые редакторы, подобные тем, что используются на Medium, Dropbox Paper или в Google Документах.

React Joyride
Пригодится, чтобы реализовать пошаговое руководство для вашего приложения.

React Beautiful DnD
Библиотека для реализации эффекта «Drag and Drop». Есть поддержка взаимодействия с помощью мыши и клавиатуры, вертикального и горизонтального перетаскивания элементов списка.

React-Select
Поможет добавлять в проект красивые и настраиваемые компоненты Select. Есть поддержка multi-select, autocomplete, async и creatable.

Enzyme
Библиотека, которая упростит тестирование выходных данных ваших React-компонентов.

React Spring
Пригодится, если в ваш проект нужно добавить анимацию взаимодействия с интерфейсом. Получите плавную анимацию без обновления state.

React Window
Поможет, если нужно отобразить длинные списки. Рендерит только часть элементов списка, которые попадают в область просмотра.

Styled Components
Поможет для стилизации приложений. Как пишут разработчики библиотеки: «Используйте лучшее из ES6 и CSS, чтобы стилизовать свои приложения без стресса»

React LazyLoad
Поможет реализовать «ленивую загрузку» (lazyload) для изображений или компонентов вашего приложения.

⏺Забирайте эту подборку себе, чтобы не потерять. Пишите, какие библиотеки используете чаще всего и про что хотите подборки в наших следующих постах.

#ресурсы #react

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

Например, такие 👇

Framer Motion
Готовые анимации с декларативным синтаксисом кода. У библиотеки хорошая документация, 19 000 звёзд на GitHub и 2,2 млн загрузок NPM еженедельно.

tsParticles
Поможет легко создавать анимированные фоны. Конфетти, фейерверки, летающие частицы и другие настраиваемые анимации. 5 500 звёзд на GitHub и 49 600 загрузок NPM еженедельно.

Green Sock
Детальный контроль над параметрами анимации и высокая производительность. На GitHub 16 500 звёзд, NPM загрузок 400 000 еженедельно.

Remotion
Позволяет создавать видео и анимацию с помощью HTML, CSS, JavaScript и TypeScript. 16 100 звёзд на GitHub и 14 400 загрузок NPM еженедельно.

React Move
Весит всего 3,5 КБ (в сжатом виде) и помогает добавлять анимацию для отображения и вывода данных. 6 500 звёзд на GitHub и 83 000 загрузок NPM еженедельно.

React Awesome Reveal
Добавляет анимацию при прокрутке. Использует API Intersection Observer для определения появления элементов в области просмотра. 888 звёзд на GitHub и 17 900 загрузок NPM еженедельно.

⏺Забирайте эту подборку себе, чтобы не потерять. Пишите, какие библиотеки используете чаще всего на своих проектах.

#ресурсы #react