Создание и проверка форм с помощью Formik и Yup

Научитесь создавать и управлять высококачественными формами для своего приложения React Native с помощью Formik и Yup.

Итак, как вы управляете формами? Бросаете данные в состояние компонента или Redux (гадость), а затем отправляете их?

Где валидация вписывается?

Обработка ошибок?

Вы понимаете что в «простой форме» есть нечто большее, чем кажется на первый взгляд. И когда вы сделали это однажды, вы должны сделать это снова для другой формы.

Это повторяющиеся и специальные API, которые редко оказываются простыми для понимания.

Эти проблемы усиливаются при создании больших форм.

Вот почему я сейчас использую Formik + Yup для создания всех своих форм. Это:

• Управление состоянием формы
• Имеет простую валидацию для каждого поля
• Имеет легкий для понимания API

Он делает все, что мне нужно. Я работал с многочисленными клиентами-консультантами, чтобы преобразовать их формы в Formik + Yup, и мы увидели

• меньше кода
• меньше ошибок
• все лучше