Workshops

Hace semanas que hemos explicado ReactJS y React Redux y vimos que no es un framework con “todo incluido”, sino más bien una librería que se limita a la generación de vistas.

En muchas aplicaciones web actuales se acaban usando el “client-side routing“, que es una de las cosas que ReactJs no incluye pero que, gracias a React Router, se puede incluir.

React Router es una librería inspirada en el sistema de enrutado de EmberJS y su forma de manejar las rutas es un poco diferente de lo que podemos ver en otros sistemas, como el de AngularJS.

React Router nos permite definir una estructura de rutas y navegar entre ellas; siendo su característica más interesante que las rutas pueden estar anidadas. ¿Quieres saber más?, te invitamos a leer la presentación que nuestro ingeniero Mario García nos presentó en el workshop de “ReactJS React Router“.



Presentación para descargar: ReactJS – React Router

Redux es una librería para controlar el estado de nuestras aplicaciones web fácilmente, de una forma consistente entre cliente y servidor, testeable y con una gran experiencia de desarrollo.

Flux es la arquitectura de aplicaciones que Facebook utiliza para crear aplicaciones web del lado del cliente.

Redux está en gran parte influenciado por la arquitectura Flux propuesta por Facebook para las aplicaciones de ReactJS y por el lenguaje Elm, esta muy pensado para ReactJS, pero también se puede usar con AngularJS o BackboneJS.

En este workshop de “El patrón flux. Introducción de React-Redux” Jordi Serra y Cristina Hernández nos enseñaron cómo implementar el framework de Redux en un proyecto de ReactJS.

Presentación para descargar: ReactJS – Flux Pattern & Redux

ReactJS es una librería de JavaScript de código abierto desarrollada por Facebook para facilitar la creación de componentes interactivos, reutilizables, para desarrollos de interfaces de usuario. Siendo una librería enfocada en la visualización, les ha beneficiado en el desarrollo de algunas de sus plataformas, como la de Instagram que ha sido programada toda con este código.

Se caracteriza por ser muy rápido y principalmente porque tiene un DOM virtual, el cual contribuye a mejorar la velocidad de carga de la información web ya que sólo se cargan los cambios en la página. ReactJS fue creado para resolver el problema de construir aplicaciones con grandes bases de datos que requieran cambios constantes.

De ese modo, ofrece grandes beneficios en performance, modularidad y promueve un flujo muy claro de datos y eventos, facilitando la planificación y el desarrollo de aplicaciones complejas.

Además, maneja un lenguaje llamado JSX, básicamente es una mezcla entre HTML, XML y JavaSript, el cual facilita mucho la programación debido a que tiene una sintaxis más corta y fácil de usar.

React cada vez está más en auge, llegando a ser uno de las soluciones más usadas, y por eso que decidimos tomar la iniciativa de probar ReactJs. El siguiente workshop es el primero de una serie de workshops que nos ayudaron en nuestro aprendizaje y esperamos que sean de tanta utilidad para nuestro público como lo son para nuestro equipo de desarrolladores. Nuestros ingenieros Marc Torrent y Raúl Delgado nos presentaron el workshop de “Programación reactiva. Introducción a ReactJS“, el cual nos dio una vista general de lo que es React.

Presentación para descargar: ReactJS – Introduction