Biblioteca open source publicada por Facebook (Meta) en mayo de 2013. Ocupa el primer puesto sostenido en uso entre frameworks y bibliotecas frontend según la encuesta Stack Overflow Developer Survey desde 2021.
React no siempre es la respuesta
Hay un patrón recurrente en las webs corporativas de los últimos años. El equipo eligió React (o Next.js) por defecto y montó un single-page application completo.
El resultado: una web que podría ser HTML estático genera ahora 200 KB de JavaScript para mostrar tres bloques de texto. Cuesta más, indexa peor, carga peor y añade dependencias que mantener.
En SMedialab aplicamos la regla contraria a la inercia del sector. React entra solo cuando hay interfaz de usuario realmente compleja: estado en cliente, varios componentes que se afectan, edición en vivo o dashboards.
Se queda fuera de las webs informativas que se resuelven con Astro estático o WordPress sin SPA. La consecuencia son webs más rápidas, código menor y menos coste de mantenimiento.
Cuándo encaja bien
React resuelve mejor que cualquier otra opción estos casos:
- Single-page applications con mucho estado: paneles de administración, editores en tiempo real y herramientas SaaS.
- Aplicaciones móviles cross-platform vía React Native.
- Secciones interactivas embebidas en webs estáticas, como un configurador de producto dentro de una página Astro.
Su ecosistema supera el millón y medio de paquetes en NPM marcados como compatibles. Esa madurez, sumada a la cantidad de desarrolladores disponibles, hace suave la curva de incorporación de equipo.
Cómo lo aplicamos en SMedialab
Lo elegimos cuando el proyecto pide uno de estos escenarios:
- Un dashboard real con autenticación, datos en vivo y formularios complejos.
- Una app móvil con código compartido vía React Native.
- Islas interactivas dentro de un sitio Astro estático.
Donde NO lo elegimos es en webs corporativas y catálogos sin interactividad. Ahí Astro estático o WordPress dan mejor SEO, mejor CWV y menos coste de mantenimiento.
Tampoco lo recomendamos como pila completa cuando la prioridad nº 1 es el SEO y la página apenas tiene componentes interactivos. Next.js mejora la indexación, pero sigue cargando un runtime SPA innecesario para ese caso.
Casos típicos en nuestros clientes
Una empresa necesitaba una calculadora de presupuesto compleja en su web, con decenas de variables y resultado dinámico al rellenar. Montamos un componente React embebido como “isla” dentro de la página Astro estática del catálogo. El resto del sitio carga sin runtime React, y solo la calculadora descarga el bundle al activarse.
Otro cliente tenía un panel de operaciones interno donde varios usuarios editan reservas en tiempo real con sincronización entre pestañas. React, con estado compartido vía Zustand y WebSockets, fue la base que hizo viable el caso sin pagar un SaaS dedicado.
¿Tu proyecto necesita interfaz interactiva real? Lo evaluamos en diseño web a medida, eligiendo entre React isla, SPA completo o alternativa estática según el caso.