Frontender Libs - обзор библиотек JS / CSS

One page scroll Этот плагин реализует прокрутку между полноэкранными страницами. 👉 @sWebDev

Персональная рассылка IT-вакансий под твою ЗП и график. Подписывайся! @masterhubot

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

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

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

Modernizr Это JavaScript библиотека, определяющая наличие поддержки разных возможностей HTML5 и CSS3. Пример использования: if (Modernizr.awesomeNewFeature) { showOffAwesomeNewFeature(); } else { getTheOldLameExperience(); } 👉 @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

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

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

react-threesixty React 360 помогает создать завораживающие VR-штуки с помощью React, которые распространяются на настольные компьютеры, мобильные и VR-устройства. Отличительные особенности: упрощает создание сложных пользовательских интерфейсов 360 и VR. 👉 @sWebDev

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

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

Хочешь прокачать свои знания в JS, CSS и HTML? 👩‍💻 На фронте - канал где практикующие разработчики собирают для Вас самые актуальные материалы для обучения веб-разработке. На канале ты найдешь ✔️Обучающие туториалы ✔️Примеры кода ✔️Статьи  Подписывайся и начинай получать все самые лучшие материалы, которые помогут тебе прокачать свои знания -> @on_the_frontend

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

react-helmet Повторно используемый React-компонент, созданный для управления всеми изменениями в заголовке документа. Принимает и выводит простые HTML-теги – очень просто и React-friendly. Отличительные особенности: 1. поддержка всех допустимых тегов: title, base, meta, link и т. д; 2. поддержка рендеринга на стороне сервера; 3. вложенные компоненты переопределяют повторяющиеся изменения заголовка. 👉 @sWebDev

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

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

Superagent Библиотека Superagent подходит для Node.js и для современных браузеров. Она предоставляет разработчику простое и понятное API, с которым удобно работать. Для того чтобы выполнить HTTP-запрос средствами Superagent, достаточно вызвать подходящий метод объекта request:

 request
     .get('')
     .then(res => log(res))
     .catch(err => log(err))

Сильные стороны 1. Поддерживает плагины. 2. Поддаётся конфигурированию. 3. Имеет приятный интерфейс для выполнения HTTP-запросов. 4. Поддерживает объединение в цепочку нескольких вызовов для выполнения запросов. 5. Работает в среде Node.js и в браузерах. 6. Поддерживает индикацию прогресса для выгрузки и загрузки данных. 7. Поддерживает механизм chunked-transfer encoding. 8. Поддерживает коллбэки. Слабые стороны Имеет своеобразное API, не придерживающееся каких-либо стандартов. 👉 @sWebDev

Mozaik Mozaik — это отличная библиотека для создания приятных панелей управления, которые можно интегрировать в веб-приложения. Она поддерживает широкие возможности настройки и отзывчивый дизайн. В частности, она подходит для любых платформ — будь то настольный компьютер с огромным экраном, или смартфон. В Mozaik имеется множество стандартных тем, но разработчик ими не ограничен. Библиотека поддерживает позиционирование элементов на основе сетки, оптимизированное взаимодействие с серверной частью приложения, с её помощью можно, при необходимости, создавать множество панелей управления. 👉 @sWebDev

Elemental UI Elemental UI — это весьма гибкий и эффективный фреймворк для разработки привлекательных пользовательских интерфейсов. Он предназначен для React и основан на CSS. Этот фреймворк похож на Material UI, но он гораздо компактнее. Он спроектирован с учётом установки из npm и встраивания в проект с использованием Browserify или Webpack. 👉 @sWebDev