Список используемых JS библиотек

Vadim Tsukanov
Разработчик
Дата публикации
10.03.2020
Категория
JavaScript

Задача:Стандартизировать, ускорить и упростить разработку. Более спокойное взаимодействие front и back программистов.

В настоящее время, наверное, существуют библиотеки на любой цвет и вкус. И если раньше мы их искали, то теперь необходимо выбирать из них толковые. Что используем мы — об этом и пойдет речь.

Как писал Мартин Роберт: «Ни одна из этих разных школ не обладает абсолютной истиной. Тем не менее в рамках конкретной школы мы действуем так, будто ее учение и арсенал приемов верны» . В комментариях мы ждем от Вас ваш набор библиотек, а пока поделимся своим:

Для чего это делается?

Когда мы начинали вводить какие-то правила и регламенты — люди не выдерживали, очень многие противились, думали мы хотим убить их индивидуальность и остановить их развитие. НАПРОТИВ мы всегда поощряли и поощряем использование новых библиотек, фреймворков и т.д., но только там, где это оправдано.

Итог попытки введения — 8 уволенных человек, которые так и не смогли понять, почему это будет дешевле, лучше и быстрее для нас и для клиента.

У нас было 2 показательных случая:

Фронт сайта сделали, и пока все согласовывали — человек, писавший front, уволился, а он использовал только ему известные библиотеки и плюшки, в итоге — разработка затянулась больше, чем на 45 часов. Кому это выгодно?
С фразой «зачем там библиотека, я сам все напишу» — front-end написал валидацию форм, которая по итогу больше ломала, и вызывала ошибки. Разработка увеличилась на 5 часов.

В первом случае, просрочка неделя, до судебные разбирательства, юристы и т.д., пережег ресурсов на 60 000 рублей.

Второй случай — напряжение в команде, сломало все планы, 10 000 рублей на ветер и т.д.

Каков выход?

Однозначно один — стандартизация библиотек, иного выхода не может быть. Когда API библиотек хорошо документированы и описаны — нет ничего сложного back программисту что-то настроить, поменять, исправить. На самом деле, такой подход экономит порядка 30% времени на разработке.

Валидация форм

Parsley — свежая, довольно простая библиотечка, для валидации чего угодно.

jQuery validation — старая, довольно интересная библиотека, огромная кастомизация и т.д.

По сути больше библиотек больше и не надо, выбор библиотеки зависит от конкретных задач.

Слайдеры/карусели/галереи

Что ж на сайт то без слайдеров?

Owl Carousel 2 — одна из самых крутых каруселей, за 4 года не было с ней никаких проблем, все настраивается и все удобно.

Fotorama — бывший отраслевой стандарт для галерей

Slick — еще один отличный слайдер, старый, добрый…

Glider.js — очень легкий, но пока в тесте у нас, т.к. использовали всего на паре проектов

https://refreshless.com/nouislider/ — для выбора диапазонов, например для фильтра по цене.

Вот эти 4 библиотеки покрывают 95% потребностей всех современных сайтов.

Маски ввода

https://robinherbots.github.io/Inputmask/ — плагин уже даже не обновляется, т.к. все было придумано давно, и сейчас только используется

Cleave.js — отличнейший плагин для любых масок ввода. Рекомендуем к использованию

Выбор даты/времени

flatpickr — Небольшой инструмент, который поможет вам быстро создавать стилизованные всплывающие окна с выбором даты

Datedropper.js — один из самых лучший и красивейших датапикеров

Графики/Диаграммы

Chartjs — хорошая, проверенная временем библиотека

Google Charts — одна из лучших бесплатных библиотек для построения графиков.

Загрузка файлов на хост

https://innostudio.de/fileuploader/ — красивейший менеджер закачки документов/картинок и всего-всего. Немного сложноват, но для web приложений — отличный вариант

Расширения для форм

slimselectjs — отличный плагин, который преобразит selectы.

choosen — еще один хороший плагин, для selectов

JCF — кастомизация форм. Красивые формы для любых браузеров

Полезные плагины

SweetAlert2 — по сути ничего лучшего в данном сегменте нет. Красивые alert’ы

https://clipboardjs.com/ — копирование чего-либо в буфер обмена.

В планах — пополнение данного списка. Сделать некую шпаргалку для нас и Вас.