Fale sobre o seu trabalho com Formik e Yup: quão complexos eram os formulários que você escreveu, como construiu os esquemas de validação?

Formik é uma biblioteca para gerir o estado dos formulários no React, e Yup é para validação de dados. Trabalhei com formulários de diferentes níveis de complexidade: desde simples com alguns campos até formulários multi-etapas e dinâmicos.

Para construir esquemas de validação com Yup, utilizei cadeias de métodos, por exemplo:

import * as Yup from 'yup';

const validationSchema = Yup.object().shape({
  email: Yup.string().email('Formato de email inválido').required('Campo obrigatório'),
  password: Yup.string().min(8, 'Mínimo de 8 caracteres').required('Campo obrigatório'),
  age: Yup.number().min(18, 'A idade deve ser pelo menos 18').nullable(),
});

Formik integra-se com Yup através da propriedade validationSchema, o que permite validar automaticamente o formulário ao fazer alterações. Para formulários complexos, dividi o esquema em partes e combinei-as, além de usar validação condicional dependendo do estado do formulário.