React

React es una herramienta gratuita de Meta que construye las pantallas del navegador con piezas pequeñas y reutilizables, y usted describe el resultado mientras ella calcula los cambios.

También conocido como React.js ReactJS biblioteca React

Definición

React es una herramienta gratuita de Meta, la empresa dueña de Facebook, para construir las pantallas que usted ve en un navegador. Su idea es sencilla, y aun así cambió la forma de hacer casi todas las webs. Antes de React había que escribir una orden aparte para cada cambio en pantalla. Busca este título, cambia aquel número, oculta esa fila, una línea detrás de otra.

React le da la vuelta a eso, porque usted describe cómo debe verse la pantalla con los datos de ahora mismo. Después compara esa descripción con lo que ya se muestra y aplica solo los cambios necesarios. Así que se deja de pensar en pasos y se piensa en el resultado.

Una pantalla se arma con piezas pequeñas llamadas componentes, y cada una sabe dibujarse sola. Un buscador es una pieza, una ficha de producto es otra, y un carrito es una pieza hecha de piezas más pequeñas. Por eso la misma ficha puede estar en la portada, en los resultados de búsqueda y dentro de un pedido sin escribirla tres veces. El ahorro es real, y por eso casi todo el trabajo web de los últimos diez años se hace así.

Ahora la parte que casi nadie cuenta: React es una biblioteca, no un kit completo. Dibuja pantallas y ahí se detiene, así que no decide cómo se enlazan las páginas ni cómo se revisa un formulario. Tampoco decide cómo llegan los datos del servidor, de modo que cada equipo elige esas piezas por su cuenta. Eso significa que dos proyectos hechos con React pueden no compartir casi nada de código. La frase «nuestros programadores saben React» dice entonces menos de lo que parece, y lo útil es preguntar qué otras herramientas usan con él. Linkysoft pregunta justo eso antes de presupuestar un proyecto heredado, porque la respuesta decide cuánto del trabajo antiguo sobrevive.

También tiene un coste, porque el navegador descarga la aplicación y la ejecuta antes de que aparezca nada. En un móvil barato con mala señal la espera es real, y los buscadores vieron páginas vacías durante años. Ese es el problema que vino a resolver Next.js. La segunda sorpresa se llama React Native, que comparte las ideas y buena parte del conocimiento pero no las pantallas. Por eso una web hecha con React no se convierte en una aplicación de móvil gratis, y lo decimos desde el principio. El ahorro que la gente espera está en el equipo y no en el código, y por eso la pregunta aparece pronto cuando Linkysoft define una aplicación web.

Preguntas sobre React

¿React es un lenguaje de programación?
No. React es un conjunto de código ya hecho, escrito en JavaScript. Usted sigue escribiendo JavaScript; React solo le da una forma mejor de describir la pantalla.
¿React cuesta dinero?
La herramienta es gratuita y abierta, sin licencia que pagar. Lo que se paga es el tiempo de los programadores y las piezas que React no trae, como el alojamiento o un paquete de componentes de pago.
¿Una web en React es buena para Google?
Puede serlo, pero no por defecto. Una página React normal llega casi vacía y la rellena el navegador. Enviar la página terminada desde el servidor, como hace Next.js, es la opción segura cuando importa el tráfico de búsqueda.
¿Mi web en React puede convertirse en una app de móvil?
No apretando un botón. React Native permite que el mismo equipo haga la app con las mismas ideas, pero las pantallas se escriben otra vez. Cuente con un proyecto real, con menos curva de aprendizaje.
¿React seguirá teniendo soporte dentro de cinco años?
Nadie puede prometerlo, pero React mueve Facebook y buena parte de la web, y miles de empresas dependen de él. El riesgo mayor está en las herramientas de alrededor, que cambian mucho más.

¿Sigue sin ver cómo se aplica esto a su proyecto?

Cuéntenos qué está construyendo y le responderemos en lenguaje claro.