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

Frontend

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 formularios en React usando React Hook Form y React Testing Library

Frontend

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

Frontend

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)

Frontend

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

Frontend

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.

Cómo simular tu API en React con Nock y Jest para mejorar tus pruebas

Frontend

Cómo simular tu API en React con Nock y Jest para mejorar tus pruebas

En este artículo aprenderás cómo usar Nock y Jest para simular tu API en React, interceptar peticiones HTTP y crear pruebas más rápidas, confiables y libres de

Cómo usar Mock Service Worker para simular las llamadas a tu API

Frontend

Cómo usar Mock Service Worker para simular las llamadas a tu API

Descubre cómo Mock Service Worker (MSW) te permite interceptar y simular peticiones HTTP en React. Prueba tus componentes sin necesidad de un backend real.

Qué es React Testing Library y cómo funciona con Jest

Frontend

Qué es React Testing Library y cómo funciona con Jest

Aprende qué es React Testing Library, cómo se usa junto con Jest y por qué es clave para probar componentes en tus aplicaciones React.

Qué es Jest y cómo funciona con React

Frontend

Qué es Jest y cómo funciona con React

Descubre cómo usar Jest con React para escribir, ejecutar y evaluar tus pruebas. Aprende a configurarlo fácilmente con Vite, Create React App o Next.js.