Vue / Любимые либы

Vue и JS библиотеки на все случаи фронтенд разработки


UI

  • vuetify nuxt - лучший ui фреймворк про материал дезигн, все что надо есть: сетка, дейтпикеры, селекты и тд
  • tailwindcss nuxt - лучший css фреймворк, если не разрешили пользоваться vuetify
  • vuejs-datepicker - нормальный дейтпикер; альтернативы: vue-flatpickr-component
  • vue-multiselect - лучший селект
  • nprogress - прогрессбар-полосочка; в Nuxt есть из коробки
  • Vue.Draggable - нормальный драг-н-дроп
  • v-viewer - крутой просмотрщик картинок
  • vue-awesome-swiper - крутой свайпер
  • vue-yandex-map - яндекс карточки
  • vue-the-mask - маски для инпутов, напр. для телефонных номеров
  • highlightjs nuxt - подсветка кода
  • clipboardjs vue - копирование текста
  • rough-notation - стилизовачка текста
  • spark-joy - подборочка дезигн приколюх

Тестирование

  • jest - лучший фреймворк для юнит и интегрейшн тестов
  • cypress - аналог Selenium - позволяет писать ui тесты для джс + куча плюшек, типа моканья хттп-запросов
  • husky - коммит хуки - команды (напр. тесты, линтинг), которые будут запускаться до совершения коммита
  • json-server - превращает json файл в сервер! - оч удобно для моков

TS + Vue/Nuxt

  • vue-class-component, vue-property-decorator nuxt - позволяет писать vue-компоненты в виде тс-классов
  • vuex-simple - работа с vuex на классах - код читаемее + стейт типизирован
    • не надо писать mapState, mapGetters и проч.
  • vue-typedi - диайчик, плотно интегрируется с либой выше

Прочее

  • nvm (nvm-windows для винды) - Node Version Manager - позволяет ставить и менеджерить несколько версий ноды.
    • Полезно, когда работаешь с легаси, напр. с gulp 3, который не робит с нодой 12+ => легче поставить себе ноду 10.
  • axios nuxt - лучшая либа для http запросов
  • dayjs - лучшая либа для работы с датами
  • ts-debounce - рабочий дебаунс для тс
  • remark nuxt - лучший рендер маркдауна (альтернатива markdown-it nuxt)
  • uuid - ююидики
  • lodash - утилитки
  • humps - конвертит данные из одного нейминга в другой, напр. из camelCase в under_score
  • ramda - фп утилитки
  • libphonenumber-js - парс и форматирование телефонов