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

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

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

Отличная альтернатива для компонента Select в React.js.

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

Отличительные особенности:
1. гибкий подход к данным с настраиваемыми функциями;
2. расширяемый API с Emotion – JS-библиотека, предназначенная для написания CSS-стилей;
3. внедрение компонентов через API для полного контроля над поведением UI;
4. оption groups, поддержка портала, анимация и многое другое.

👉 @sWebDev
Element UI

Дизайн система насчитывает порядка 60 компонентов со всевозможными кастомизациями, так как стили библиотеки легко переопределяются. Библиотека использует препроцесcор SCSS с возможностью заменить глобальные переменные цветов, тем самым можно легко создать свою цветовую тему. Кстати говоря, все классы в библиотеке названы по БЭМу. Присутствует поддержка 24 колоночной структуры и локализации на русском, украинском и казахском языках.

👉 @sWebDev
react-helmet

Повторно используемый React-компонент, созданный для управления всеми изменениями в заголовке документа. Принимает и выводит простые HTML-теги – очень просто и React-friendly.

Отличительные особенности:
1. поддержка всех допустимых тегов: title, base, meta, link и т. д;
2. поддержка рендеринга на стороне сервера;
3. вложенные компоненты переопределяют повторяющиеся изменения заголовка.

👉 @sWebDev
Vue CLI

По умолчанию Vue CLI предлагает поддержку основных инструментов и технологий веб-разработки, таких как Babel, TypeScript, ESLint, PostCSS, PWA, Jest, Mocha, Cypress и Nightwatch. Это возможно благодаря расширяемой системе плагинов. Это означает, что сообщество может создавать и распространять повторно используемые плагины для общих нужд.

👉 @sWebDev
Flux

Софт для построения архитектуры приложения и пользовательских интерфейсов с однонаправленным потоком данных.

Отличительные особенности:
1. позволяет легко находить ошибки в сложном приложении;
2. быстрое время перезагрузки.

👉 @sWebDev
VuePress

Это генератор статических сайтов на основе Vue. Первоначально созданный как инструмент для написания технической документации, теперь это небольшая, компактная и мощная безголовая CMS. Начиная с версии 1.x, он предлагает отличные функции ведения блогов и мощную систему плагинов. Он поставляется с темой по умолчанию (с учетом технической документации), но вы также можете создавать собственные темы или использовать готовые опции сообщества.

👉 @sWebDev
react-threesixty

React 360 помогает создать завораживающие VR-штуки с помощью React, которые распространяются на настольные компьютеры, мобильные и VR-устройства.

Отличительные особенности:
упрощает создание сложных пользовательских интерфейсов 360 и VR.

👉 @sWebDev
Vuestrap

Базовые компоненты Vuestrap расширяют Bootstrap 4. Построен с использованием Bootstrap, простого Vue.js и Webpack.

👉 @sWebDev
vux

Это коллекция из более чем 78 UI-компонентов, созданных по принципу mobile-first для веб-приложений, написанных на vue.js

👉 @sWebDev
Quasar Framework

Концепция Quasar Framework заключается в том, чтобы предоставить всеобъемлющий набор компонентов, используемых для создания современных приложений… от простых базовых компонентов, таких как dialogs, buttons, inputs, tabs, panels, tooltips, toolbars, badges, date pickers, color pickers, icon pickers, cards, avatars, banners, tooltips, spinners и многое другое… вплоть до гораздо более сложных компонентов, таких как окна сообщений чата, графики активности, таблицы данных, календари, видеоплееры, редакторы wysiwyg, всплывающие панели, панели лент… и многое другое …

👉 @sWebDev
Modernizr

Это JavaScript библиотека, определяющая наличие поддержки разных возможностей HTML5 и CSS3.

Пример использования:
if (Modernizr.awesomeNewFeature) {
showOffAwesomeNewFeature();
} else {
getTheOldLameExperience();
}

👉 @sWebDev
TensorFlow.js

Открытая библиотека для определения, тренировки и развертывания моделей машинного обучения в браузере. Позволяет строить нейронные сети с нуля, используя высокоуровневое API, умеет импортировать переобучать и запускать существующие нейронные сети. Поддерживает WebGL и умеет подключать к работе вычислительные мощности видеокарты.

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
Dragdealer.js

Библиотека с множеством крутых эффектов для Drag & Drop.

👉 @sWebDev
Material Design Icons

Простой, красивый и современный набор иконок от Google. Содержит более 900 иконок, которые можно кастомизировать через CSS. Иконки векторные, так что будут хорошо смотреться на всех разрешениях и типах экранов.

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
One page scroll

Этот плагин реализует прокрутку между полноэкранными страницами.

👉 @sWebDev
Tabler

Компонентная панель администратора с открытым кодом, созданная на Bootstrap 4. Абсолютно адаптивная, легко встраивается в проект, поддерживает все соглашения по коду от Bootstrap.

👉 @sWebDev
FilePond

JavaScript библиотека для загрузки файлов любого типа. Файлы можно перетаскивать, копировать и вставлять из буфера обмена, кидать в виде ссылок на внешние источники. Библиотека имеет встроенные инструменты для сжатия и обрезки изображений.

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

Коллекция разнообразных CSS-спиннеров для вашего сайта.

👉 @sWebDev
ToastUI Chart

Это одна из JavaScript библиотек для визуализации данных. Помогает строить красивые диаграммы, поддерживает множество типов различных графиков, проста в использовании и легко кастомизируется. ToastUI Chart поддерживает множество браузеров, включая IE8.

👉 @sWebDev
ContentTools

Это библиотека позволяет реализовать текстовый редактор на HTML странице.

👉 @sWebDev
Научись зарабатывать на искусственном интеллекте!

За 3 дня ты легко создашь 9 разных нейросетей способных:

◾️ Вычислять курс акций.

◾️ Определять стоимости квартиры.

◾️ Распознавать возгорания и многое другое! 

Увлекательная практика и никакой скучной теории!

◾️ Узнаешь, как применять искусственный интеллект в твоей работе.

◾️ Убедись, что искусственный интеллект - это легко и увлекательно!

◾️ Живые занятия и общение с ведущими кураторами.

— Каждый участник получит сертификат!

— Возьмем на стажировку в наш университет.

— Гарантируем трудоустройство.

Записывайся на практикум прямо сейчас, переходи по ссылке ➡️ https://clck.ru/XGdbS