Blog de un Salto de línea

Artículos sobre programación, React, Rails, Spring, Laravel y otras tecnologías.

React Testing (Parte 1): Caso práctico con el registro de usuario en Twitch

Frontend

React Testing (Parte 1): Caso práctico con el registro de usuario en Twitch

Aprende a probar componentes en React con Jest y React Testing Library. Descubre cómo crear tu primera prueba automatizada paso a paso.

Leer más . . .

Formularios en React Ver más

Cómo hacer un formulario con React, desde 0

Frontend

Cómo hacer un formulario con React, desde 0

Aprende qué es un formulario, cuándo usarlo y sus partes (campos, validaciones, acciones y notificaciones). Construye un formulario básico en React paso a paso.

Validaciones en formularios de React usando Yup

Frontend

Validaciones en formularios de React usando Yup

Aprende Yup en React: crea esquemas, transforma datos (lowercase) y maneja errores por campo. Incluye integración con Hook Form, Formik y Final Form.

Formik en React: cómo crear tu primer formulario desde 0

Frontend

Formik en React: cómo crear tu primer formulario desde 0

Guía de Formik en React: qué es, cómo instalarlo y usarlo para crear formularios con validación, manejo de estado y envío, con ejemplos prácticos paso a paso.

Pruebas en React Mostrar todo

React Testing (Parte 1): Caso práctico con el registro de usuario en Twitch

Frontend

React Testing (Parte 1): Caso práctico con el registro de usuario en Twitch

Aprende a probar componentes en React con Jest y React Testing Library. Descubre cómo crear tu primera prueba automatizada paso a paso.

Cómo probar componentes en React con Jest y React Testing Library: Guía paso a paso con el registro de usuarios de Duolingo

Frontend

Cómo probar componentes en React con Jest y React Testing Library: Guía paso a paso con el registro de usuarios de Duolingo

Domina las pruebas en React con el flujo de registro de Duolingo. Aplica TDD, valida formularios y refuerza tu testing con Jest y React Testing Library.

Cómo probar los hooks en React usando Jest y React Testing Library

Testing

Cómo probar los hooks en React usando Jest y React Testing Library

Aprende cómo probar hooks en React con Jest y React Testing Library. Descubre ejemplos prácticos para hooks integrados y personalizados.

Más recientes

Cómo probar un Navbar en React: ejemplo real con React Testing Library

Testing

Cómo probar un Navbar en React: ejemplo real con React Testing Library

Aprende a probar un Navbar en React con ejemplos reales. Pruebas de render, interacciones y estados usando React Testing Library.

Cómo hacer testing de formularios en React con Formik y React Testing Library

Testing

Cómo hacer testing de formularios en React con Formik y React Testing Library

Aprende testing de formularios en React con Formik y React Testing Library paso a paso, con ejemplos reales, validaciones y submit.

Cómo probar notificaciones en React con React Testing Library

Testing

Cómo probar notificaciones en React con React Testing Library

Aprende por qué es importante probar notificaciones en React y cómo hacerlo con React Testing Library y Jest usando Toastr, Toastify y Notyf.

Cómo probar peticiones al backend con React Testing Library (axios sin backend)

Testing

Cómo probar peticiones al backend con React Testing Library (axios sin backend)

Aprende cómo probar peticiones al backend con Axios en React usando Jest y Testing Library. Mockea requests HTTP y evita depender del backend.

Cómo probar formularios en React usando React Hook Form y React Testing Library

Testing

Cómo probar formularios en React usando React Hook Form y React Testing Library

Aprende a probar formularios en React con React Hook Form y React Testing Library. Valida inputs, errores, envíos y flujos completos paso a paso.

Cómo probar una tabla en React con React Testing Library

Testing

Cómo probar una tabla en React con React Testing Library

Aprende cómo probar tablas en React con React Testing Library: selección de filas, acciones por columna, estados vacíos y carga de datos, con ejemplos claros.

Cómo probar formularios en React con React Testing Library (guía completa)

Testing

Cómo probar formularios en React con React Testing Library (guía completa)

Aprende a probar formularios en React con React Testing Library. Testea inputs, selects, validaciones y el submit con ejemplos prácticos y buenas prácticas.

Qué es un Mock Server y por qué deberías usarlo en tus pruebas React

Testing

Qué es un Mock Server y por qué deberías usarlo en tus pruebas React

Aprende qué es un Mock Server y cómo simula APIs para probar React sin depender del backend. Ideal para acelerar tu desarrollo y mejorar tus pruebas.