How do I create a Yup schema for form validation?

How do I create a Yup schema for form validation?

To create a Yup schema, you can start by importing Yup and defining your schema using methods like string(), number(), etc.

Can you show me an example of a schema for a registration form?

Sure! Here's a simple example:

import * as Yup from 'yup';

const registrationSchema = Yup.object().shape({
  username: Yup.string().required('Username is required'),
  email: Yup.string().email('Invalid email').required('Email is required'),
  password: Yup.string().min(6, 'Password must be at least 6 characters').required('Password is required'),
});

What if I want to add custom validation?

You can use the test method to add custom validation. For example:

password: Yup.string()
  .required('Password is required')
  .test('is-strong', 'Password must contain at least one uppercase letter, one lowercase letter, and one number', value => {
    return /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d).+$/.test(value);
  }),