Совкомбанк Технологии

🤓Сегодня сложно представить себе интерфейсы без анимации. Поэтому были разработаны специальные библиотеки, которые упрощают жизнь разработчикам, при добавлении различных анимаций в проекты. Например, такие 👇 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

⚡️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