React.js

¿Qué es React?

React es una biblioteca de JavaScript para construir interfaces de usuario a partir de componentes. Describes cómo debe verse la pantalla para el estado actual y React actualiza la página cuando ese estado cambia. Funciona en el navegador, en el servidor y, con React Native, en móviles. React 19 es la versión mayor actual y, según react.dev, la 19.3 salió en septiembre de 2026.

Cómo funciona React

Un componente es una parte de la interfaz con su propia lógica y apariencia, y los componentes de React son funciones de JavaScript que devuelven marcado. Ese marcado suele escribirse en JSX, que es opcional pero lo usan la mayoría de los proyectos. El estado permite que un componente recuerde información, y llamar al setter que devuelve useState hace que React vuelva a renderizar el componente con el nuevo valor.

function Counter() { const [count, setCount] = useState(0); return <button onClick={() => setCount(count + 1)}>{count} clics</button>; }

React en 2026

• Server Components: estables en React 19. Se renderizan por adelantado, una vez en tiempo de build o en cada petición, en un entorno separado del navegador. Su código no entra en el bundle del cliente y solo llega el resultado renderizado. La directiva 'use client' marca las partes interactivas. Lo normal es usarlos a través de un framework.
• React Compiler: la versión 1.0 salió el 7 de octubre de 2025. Es una herramienta de build que añade memoización automática a componentes y hooks, y es compatible con React 17 y posteriores.
• Create React App está obsoleto: el equipo de React lo declaró deprecated el 14 de febrero de 2025 porque no tiene mantenedores activos. Para apps nuevas recomienda un framework como Next.js, React Router o Expo, o una herramienta de build como Vite, Parcel o Rsbuild. Su regla práctica: si tu app necesita enrutamiento, probablemente te convenga un framework.

Dónde se ejecuta React

• Como aplicación de una sola página (SPA) en el cliente, donde el navegador descarga JavaScript y lo renderiza todo.
• Con renderizado en el servidor (SSR): el servidor envía HTML y el navegador lo hidrata después. Next.js es un framework habitual para esto.
• En móvil con React Native, que comparte el modelo de componentes pero no el DOM.

Errores comunes

• Empezar un proyecto nuevo con Create React App, que está obsoleto.
• Mutar el estado directamente en vez de pasar un valor nuevo al setter.
• Renderizar listas sin valores key estables.
• Usar efectos para calcular valores que se podrían derivar al renderizar.
• Añadir memoización manual por todas partes antes de medir nada. El Compiler ya cubre buena parte.
• Publicar una SPA solo de cliente con un bundle grande e ignorar la primera carga.

React y pruebas de rendimiento

Una prueba de carga envía tráfico a tus servidores y APIs. No ejecuta tu código de React, así que no muestra un renderizado lento ni un bundle excesivo. Eso se mide en un navegador real: el verificador de Core Web Vitals gratuito muestra datos de campo de una URL, y la monitorización de velocidad de página ejecuta auditorías Lighthouse programadas y avisa de regresiones. Las APIs que llaman tus componentes son otra cuestión, y la monitorización de APIs las comprueba desde fuera. Para profundizar, consulta nuestras guías sobre rendimiento de JavaScript y pruebas de rendimiento del frontend.

Preguntas frecuentes

¿React es una biblioteca o un framework?

React se suele describir como una biblioteca para construir interfaces de usuario. No incluye enrutamiento ni obtención de datos, por eso el equipo de React recomienda empezar las apps nuevas con un framework como Next.js, React Router o Expo.

¿Se sigue recomendando Create React App?

No. Se declaró deprecated el 14 de febrero de 2025 y solo sigue en modo de mantenimiento. Para proyectos nuevos usa un framework o una herramienta de build como Vite.

¿Qué son los React Server Components?

Componentes que se renderizan por adelantado en un servidor de build o en cada petición, de modo que su código no se envía al navegador. Son estables en React 19 y normalmente se usan mediante un framework.

¿Necesito el React Compiler?

No, es opcional. Memoiza automáticamente componentes y hooks en tiempo de build y puede sustituir buena parte de la memoización manual. La versión 1.0 es estable y funciona con React 17 y posteriores.

¿Cuál es la versión actual de React?

React 19 es la versión mayor actual. La última publicada en react.dev es la 19.3.0, del 9 de septiembre de 2026.