Programación Reactiva en Frontend: Bootcamp React en GeeksHubs

Publicado en El lado del mal el 14 de agosto de 2022.

Participé como tutor en el Bootcamp Online Frontend React de GeeksHubs Academy: 100 horas intensivas, inicio el 20 de septiembre de 2022, junto a David Ochando y Ana del Pino.

El eje central del bootcamp era la programación reactiva, un paradigma que en el frontend tiene ya una historia larga pero que muchos desarrolladores aplican sin haber entendido bien sus fundamentos.

¿Qué es la programación reactiva? {#que-es}

La programación reactiva es un enfoque orientado al trabajo con flujos de datos finitos o infinitos de manera asíncrona, donde los datos se propagan automáticamente generando cambios en la aplicación sin necesidad de consultar activamente el estado.

La diferencia clave con la programación clásica: históricamente, la comunicación entre partes de una aplicación requería acciones activas — consultas a base de datos, peticiones HTTP, AJAX, recargas de página. La programación reactiva invierte ese modelo: la aplicación reacciona a los cambios en lugar de preguntar por ellos.

A nivel de sistema vs. a nivel de aplicación {#niveles}

Es importante distinguir los dos contextos en los que se habla de sistemas reactivos:

• A nivel de sistema: coordina mensajes entre aplicaciones, permitiendo concurrencia y desacoplamiento en sistemas distribuidos. Los principios vienen del Manifiesto Reactivo.
• A nivel de aplicación: aplica los mismos principios dentro de una sola app, donde “la coordinación de datos se basa en eventos, no en mensajes.”

Las herramientas del ecosistema {#herramientas}

ReactiveX (RxJS en el mundo JavaScript) ofrece APIs para trabajar con observables y flujos de eventos de forma declarativa. Es la base de la reactividad en Angular y se usa ampliamente con React.

Redux (2015) resolvió un problema concreto: la gestión de estado en aplicaciones JavaScript complejas. Su modelo unidireccional — acción → reducer → estado → vista — es una implementación práctica de los principios reactivos de forma agnóstica al framework.

React, Vue y Angular son los que popularizaron esta forma de pensar el frontend para el desarrollador medio, aunque cada uno con sus propias abstracciones encima.

Por qué sigue importando {#importancia}

Entender programación reactiva no es solo aprender una librería. Es cambiar el modelo mental sobre cómo fluyen los datos en una aplicación. Eso marca la diferencia entre un desarrollador que usa React y uno que entiende por qué React funciona como funciona.