Сегодня, делюсь с вами библиотекой для валидации, которую опробовал как в коммерческом проекте, так и в учебном.

Yup позволяет валидировать не только конкретные ui элементы, такие как формы, но и в целом js код. Удобно, это в любых случай, например мы хотим убедиться, что переданная строка в от пользователя является ссылкой, а не просто набором символов.

Yup легко настраивается и имеет множество готовых пресетов. Для меня самым любимым является то, что работу с валидацией можно вынести в отдельный модуль, который можно расширять по мере наполнения полей в объекте.

Раньше, я работал с валидаторами в духе vee-validate, которые популярны среди vue.js разработчиков, но делать валидацию внутри компонента это вредит читаемости кода. Компонент итак набит все возможными скриптами, которые выполняют разные роли, а тут еще валидация, которая может занять 50-60 строк кода.

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

Возникает резонный вопрос: зачем использовать отдельную библиотеку, если можно использовать регулярные выражения? Если валидация не требует большего описания, то думаю не стоит устанавливать библиотеку, но если каждая страница требует валидацию от 1 модели или более, то нужно организовать это дело аккуратно и желательно в едином месте. Бонусом вы получаете готовые пресеты для большинства вопросов, а там где не хватает готовых, удобно дописать свое.