Parte de una aplicación o sitio web que interactúa directamente con el usuario.
Abarca la interfaz gráfica y la experiencia de usuario. Incluye HTML, CSS, JavaScript y frameworks como React.
// Stack frontend típico // React con TypeScript import { useState } from 'react'; function Contador() { const [count, setCount] = useState(0); return ( <div className="p-4"> <p className="text-xl">Contador: {count}</p> <button className="bg-blue-500 text-white px-4 py-2 rounded" onClick={() => setCount(c => c + 1)} > Incrementar </button> </div> ); } // Comunicación con backend async function obtenerUsuarios() { const response = await fetch('/api/usuarios'); return response.json(); } // Tecnologías frontend comunes: // - React, Vue, Angular (frameworks) // - Tailwind CSS (estilos) // - TypeScript (tipado) // - React Query (estado servidor) // - Zustand/Redux (estado global)
