React Native

Formularios y validación

React Hook Form, Formik, validación con Yup, inputs controlados vs no controlados, manejo de errores

18 preguntas de entrevista·
Mid-Level
1

¿Cuál es la diferencia principal entre un input controlado y uno no controlado en React Native?

Respuesta

Un input controlado es gestionado por el state de React mediante las props value y onChangeText, lo que permite un control total sobre el valor en todo momento. Un input no controlado usa una ref para acceder directamente al valor sin pasar por el state de React. Los inputs controlados son recomendados porque facilitan la validación en tiempo real y la sincronización con el state de la aplicación.

2

¿Qué hook de React Hook Form se usa para registrar un input y gestionar su validación?

Respuesta

El hook useForm de React Hook Form retorna un objeto que contiene varios métodos y propiedades. El método register permite registrar un input en el formulario y adjuntarle reglas de validación. Retorna las props necesarias (onChange, onBlur, ref) para conectar el input al sistema de gestión del formulario.

3

¿Cómo definir un esquema de validación de email con Yup?

Respuesta

Yup usa una API encadenable para definir esquemas de validación. Para validar un email, se usa yup.string() para definir el tipo, luego se encadena .email() para la validación del formato email, y opcionalmente .required() para hacer el campo obligatorio. Este enfoque declarativo permite crear validaciones legibles y reutilizables.

4

En Formik, ¿qué prop se usa para definir los valores iniciales del formulario?

5

¿Cuál es la principal ventaja de rendimiento de React Hook Form en comparación con Formik?

+15 preguntas de entrevista

Otros temas de entrevista React Native

Domina React Native para tu próxima entrevista

Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.

Empieza gratis