Frontender Libs - обзор библиотек JS / CSS
8.46K subscribers
2.02K photos
735 videos
2 files
241 links
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Менеджер по рекламе: @Spiral_Yuri

Купить рекламу: https://telega.in/c/sWebDev
Download Telegram
Poi

Это сборщик с нулевой конфигурацией, созданный поверх Webpack. Нулевая конфигурация означает, что создатели Poi просто предварительно настроили для вас многие вещи. Чтобы Poi не стал слишком раздутым для использования, существует также система плагинов, позволяющая подключать дополнительные функции по мере необходимости.

👉 @sWebDev
Shards React

Это простой UI Framework, который предоставляет удобный и минималистичный api, что позволяет быстро создавать интерфейсы.

👉 @sWebDev
react-image-gallery

Это компонент React для создания галерей изображений и каруселей.

👉 @sWebDev
Victory

Это набор модульных компонентов построения диаграмм для React и React Native. Он использует один и тот же API для веб-приложений и приложений React Native для удобного построения кросс-платформенных диаграмм.

👉 @sWebDev
material-table

Это мощная библиотека представления данных в табличном формате в приложении React. Она следует рекомендациям Material UI для стилизации элементов.

👉 @sWebDev
react-flip-toolkit

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

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
React Ticker

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

👉 @sWebDev
React Flickity

Это отличный адаптивный тач (управление жестами для планшетов и телефонов) слайдер для сайта. Легок в использовании, быстро интегрируется и легко настраивается.

👉 @sWebDev
AniJS

Это библиотека для декларативного описания CSS-анимации.
По-моему это прекрасное решение, описывать анимацию в духе:

 <div data-anijs="if: click, do: flipInY, to: .container-box"></div>

Всё максимально интуитивно: при клике на указанном div, делаем анимацию flipInY на элементе .container-box.

👉 @sWebDev
Griddle

Супер-настраиваемый компонент React для создания таблиц. Griddle по умолчанию представляет собой сетку данных, но немного больше, чем просто сетку данных. Благодаря подключаемой и настраиваемой архитектуре, библиотека превращается в рендерер списков данных.

👉 @sWebDev
vue-simple-spinner

Это простой и настраиваемый компонент-загрузчик, который дает вам контроль над размером, цветом, скоростью и текстом компонента.

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
Хочешь работать в топовой IT компании? 🤔

👨‍💻Канал CodeReview - вместе со своим комьюнити запустил подготовку к собеседованиям в топовые IT компании. От Yandex и Avito до <EPAM>.

За 4 недели мы

👉 Проведем 4 собеседования с Senior разработчиком и HR
👉 Научим правильно себя презентовать и продавать
👉 Разберем твои ошибки, покажем тебе как их исправить
👉 Дадим материал для подготовки по слабым местам
👉 Составим крутое резюме
👉 Дадим фидбэк по тестовым заданиям, разберем ошибки

⚡️ Если ты хочешь работать в топовой IT компании, узнать, где твои слабые места и как их исправить, то записывайся на нашу подготвку!

🚀 Записаться на подготовку
vue-dataset

Это набор из 6 компонентов Vue для отображения списков в Vue со встроенной фильтрацией, нумерацией страниц, сортировкой и даже возможностями пользовательского поиска.

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
Spacetime

Это облегченная библиотека для работы с датами в JavaScript, поддерживающая летнее время, високосные года и многое другое.

👉 @sWebDev
Vuelidate

Это простая и легковесная библиотека для реализации валидации форм на Vue.

👉 @sWebDev
RC-TABLE

Это небольшая полезная библиотека , которая поставляется с набором основных функций, которые помогут вам создать хорошо настраиваемую таблицу.

👉 @sWebDev
Animate.css

Это библиотека готовых кроссбраузерных CSS анимаций. Отлично подходит для выделения кнопок, переключателей и подсказок, привлекающих внимание.

👉 @sWebDev
Schemaform

Это генератор форм на Angular для создания сложных веб-форм из схемы JSON.

👉 @sWebDev
n3-charts

Если Вы – AngularJS разработчик, то n3-charts определённо вам покажется необычайно полезным и интересным. n3-charts создан поверх D3.js и AngularJS. Он предоставляет множество стандартных графиков в виде настраиваемых AngularJS директив.

👉 @sWebDev
Jest

Это восхитительный фреймворк для тестирования JavaScript с акцентом на простоту.
Работает с проектами, использующими Babel, TypeScript, Node, React, Angular, Vue и многое другое!

👉 @sWebDev