Frameworks
React
Biblioteca UI para interfaces componentizadas
Librería de JavaScript para construir interfaces con componentes reutilizables, estado local y un ecosistema maduro de routing, datos y testing.
Ir al sitio oficialFicha abierta
Para qué sirve y cómo encaja
React es la capa interactiva de marcparra.tech: buscador, filtros del repositorio y botones con estado viven como islas montadas desde Astro. No necesitas React en toda la página para aprovecharlo donde importa.
Usar React en exceso en sitios mayormente estáticos infla el JavaScript enviado. La regla aquí es islas pequeñas y primitivas shadcn donde hace falta.
Uso en tu proyecto
Instalación e importación
Comandos y fragmentos tomados de la documentación oficial. Elige tu caso, cópialos tal cual o pásale el prompt a tu agente.
npm install react react-domnpm install -D @types/react @types/react-domPrompt para que tu agente lo instale
Pega esto en Cursor, Claude Code, Codex u otro agente de código:
Instala React en este proyecto (contexto: sin framework). Documentación oficial: https://react.dev/learn/installation. Comando verificado: `npm install react react-dom`. Haz solo la instalación o importación base indicada en esta pestaña; no asumas stack ni configuración del proyecto. Cuando termines, pregunta al usuario cómo quiere integrarlo o qué contexto necesitas para los siguientes pasos.Planes y modelos
Cómo se paga y qué incluye cada opción
- 01Gratis
Open source
MIT; sin coste de licencia, solo el de hosting y herramientas de build.
Funcionalidades
Qué puedes hacer con ella
- 01
Componentes y composición
Encapsula UI en piezas reutilizables con props y estado predecible.
- 02
Islas e integración
Astro y otros frameworks montan React solo donde hace falta interactividad.
- 03
Ecosistema amplio
Next.js, TanStack Query, Radix y shadcn cubren routing, datos y primitivas.
- 04
DevTools
Inspección de árbol de componentes y profiler para depurar rendimiento.
Cuándo usarla
Dónde encaja y dónde no
Te conviene si…
Te conviene cuando la interfaz tiene estado complejo, formularios dinámicos o componentes interactivos que no compensa reimplementar en vanilla JS.
Mejor otra opción si…
Mejor otra opción si la página es contenido estático puro, el bundle extra no aporta valor o prefieres Svelte o Vue por tamaño y ergonomía del equipo.