El último checkpoint 🚀
Tu equipo ha recorrido un camino: empezó como una ficha en la consola, creció a un equipo con estadísticas, y en React le pusiste cara en pantalla. Pero todo eso vivía en el código: si recargas, se va. Las apps de verdad recuerdan.
Hoy cierras el círculo: tu equipo pasa a una base de datos (SQL) y se sirve por una API (Node). Esto es full-stack.
El viaje de un dato
Cuando tu pantalla pide el equipo, el dato hace este viaje:
[ Base de datos ] → [ API / servidor ] → [ Interfaz ]
SQL (la tabla) Node (el handler) React (③)
- La base de datos guarda el equipo de forma permanente. Lo consultas con SQL.
- La API (un handler de Express) lee esos datos y los devuelve como JSON.
- La interfaz (tu componente de React del checkpoint anterior) los pinta.
Lo construirás de la base hacia arriba
- SQL: consulta tu equipo y su edad media en la tabla
equipo. - Node: escribe los handlers que sirven la lista y la estadística como JSON.
Cada handler recibe (req, res). En las pruebas lo llamamos con una petición y una
respuesta simuladas (crearReq/crearRes), como un Express de juguete. 👇
Ejemplos
Un handler en acción — pulsa Ejecutar
function listarEquipo(req, res) {
res.json([
{ nombre: "Ana", edad: 26 },
{ nombre: "Beto", edad: 36 },
]);
}
// En las pruebas se llama con req/res simulados:
const res = crearRes();
listarEquipo(crearReq(), res);
console.log("Estado:", res.statusCode);
console.log("Cuerpo:", res.body);