How can I use Yup for form validation in my React app?

How can I use Yup for form validation in my React app?

You can use Yup by defining a schema for your form data and then integrating it with Formik or React Hook Form.

Can you show me a simple example of a Yup validation schema?

Sure! Here's a basic example:

import * as Yup from 'yup';

const validationSchema = Yup.object().shape({
  name: Yup.string().required('Name is required'),
  email: Yup.string().email('Invalid email').required('Email is required'),
});

How do I integrate this schema with Formik?

You can pass the validationSchema prop to your Formik component like this:

<Formik
  initialValues={{ name: '', email: '' }}
  validationSchema={validationSchema}
  onSubmit={values => { console.log(values); }}
>
  {/* Your form goes here */}
</Formik>

What if I want to add custom validation messages?

You can customize messages by passing a second argument to the validation methods, like this:

Yup.string().required('Custom required message');