react

At my current client we’re working on having a frontend architecture for writing SPAs in JavaScript similar to re-frame’s one: an event-driven bus with effects and coeffects for state management[1] (commands) and subscriptions using reselect’s selectors (queries). One of the pieces we have developed to achieved that goal is reffects-store. Using this store, React components can be subscribed to given reselect’s selectors, so that they only render when the values in the application state tracked...

Corren buenos tiempos para el desarrollo front. Corren buenos tiempos para los amantes de JS. Cada día salen nuevas tecnologías, librerías, y formas de hacer desarrollo front. En esta charla hablaremos sobre redux, una de las principales alternativas a flux. Exploraremos cómo encaja con react y qué nos aportan principios como sigle source of truth, read only state y pure functions

Desde los tiempos en los que el DOM era el centro de la gestión del estado en las aplicaciones web ricas, el modelo de gestión de cambios y actualizaciones del interfaz cliente ha evolucionado sin parar. En pro de la eficiencia y de la sencillez, hemos pasado del manejo directo del DOM a otras arquitecturas de referencia que permiten un flujo de trabajo unidireccional que es capaz de cumplir de forma más efectiva con estos requisitos. En esta sesión analizaremos esta evolución con el fin de entender mejor el proceso, las tecnologías implicadas y los frameworks que actualmente las implementan como: React+Redux, Cycle o Elm en la parte de gestión del estado, y/o RXJS o ES6 generators para gestionar el flujo de datos. Nunca antes las aplicaciones ricas y su comunicación de datos con el servidor ha sido tan flexible y potente!!

El desarrollo modular basado en componentes no es algo nuevo. Pero ahora con la proliferación de frameworks frontend como Angular, React o Backbone, es mucho más fácil. La teoría es sencilla, crear bloques desacoplados de código para que puedan ser reutilizados dentro del proyecto o en otros. El problema viene cuando quieres instarurar esta metodología a nivel de empresa, ya que implica cambios en el proceso de trabajo en todas las fases, desde la propio definición de producto hasta el desarrollo backend. Durante la charla me gustaría explicar como ha sido esa transición dentro de nuestra empresa, los problemas que nos encontramos, los pasos que tuvimos que dar y las herramientas que hemos tenido que desarrollar.

El isomorfismo o Universal Javascript como también empieza a ser conocido, es la capacidad de renderizar Javascript en servidor y cliente. Esta capacidad ofrece innumerables ventajas al empleo de Frameworks o librerías Javascript en sites públicos, donde hasta hace no mucho tiempo resultaban problemáticas debido al sistema de indexación de los motores de búsqueda. React es la primera librería que ofrece este sistema y abre las puertas a un nuevo tiempo en el empleo de frameworks y librerías Javascript como base de desarrollo de sites completos. Veremos como funciona exactamente el isomorfismo y como se implementa una aplicación isomorica en React, Redux y Webpack.

Uno de los principales casos de filtración de datos tuvo como protagonista al software tanto en su origen como el análisis. Los Panama Papers son los protagonistas del episodio de hoy. Sigue adelante el curso de Leaflet en la Zona Premium donde estamos aprendiendo a crear mapas interactivos Open Source, una alternativa real a Google Maps. Además, cuarto episodio del audiocurso sobre marketing para programadores. El centro de todo, el código. Continuo además avanzando en el reto de los 100 dí...

Por Sergio Casero Hernández, Daniel Llanos Muñoz Por un error técnico no se pudo grabar el comienzo de la charla. Lo sentimos. React, Xamarin, Ionic... todos ofrecen posibilidades ""multiplataforma"" pero... y si pudiésemos crear un proyecto multiplataforma nativo? Con uno de los mejores lenguajes del momento? Y si encima pudiéramos compartir los modelos con el backend? Suena muy bien verdad? Pues con kotlin podemos hacerlo! Veremos como podemos hacer una app para Android, iOS, web y backend con el mismo lenguaje, y en el mismo proyecto!... Más información: https://t3chfest.uc3m.es/2019/programa/kotlin-multiplatform-lenguaje-para-dominarlos-todos ------------------- T3chFest es un evento sobre nuevas tecnologías e innovación anual gratuito celebrado en Madrid. Consulta en nuestro canal las charlas de las pasadas ediciones. Sitio web: https://t3chfest.uc3m.es Twitter: https://twitter.com/t3chfest

Desarrollar aplicaciones basadas en Realidad Virtual o Realidad Aumentada nunca ha sido tan sencillo con Viro y React Native. Veremos las diferencias entre AR y VR, cómo crear un proyecto desde cero, repasaremos los componentes básicos, cómo utilizarlos y por último, veremos las aplicaciones en el mundo real de la AR y VR. Por Iván Bacallado https://www.linkedin.com/in/ivanbtrujillo/ https://twitter.com/ivanbtrujillo https://github.com/ivanbtrujillo https://ivanbtrujillo.github.io/personal-website/ https://2018.jsdaycanarias.com

¿Qué es la reactividad en un framework front-end? ¿Por qué debería importarme? La sincronización entre datos y vista es el problema central que resuelven todos los frameworks front-end y la solución que cada uno plantea al mismo problema es la principal característica que condiciona forma de desarrollo, rendimiento, operaciones no permitidas, facilidades de depuración... Entraremos a fondo en las tripas de la implementación de la reactividad en los principales frameworks y veremos las consecuencias prácticas que de ella se derivan. Si conoces cualquiera de los 3 frameworks, esta charla te ayudará a utilizarlo mejor, y quién sabe si a descubrir que hay otro framework que se adapta mejor a tu caso de uso. ------------- Todos los vídeos de WeCodeFest 2019 en: https://www.youtube.com/watch?v=3zY4tfRMyAo&list=PLKxa4AIfm4pXYvEpS1qs5pyv0Uj4DDt5o ¡Conoce Autentia! Twitter: https://goo.gl/MU5pUQ Instagram: https://lk.autentia.com/instagram LinkedIn: https://goo.gl/2On7Fj/ Facebook: https://goo.gl/o8HrWX

Recientemente el equipo de React anunció Hooks, una funcionalidad que nos va a permitir compartir lógica en nuestros componentes y que cambiará la forma en la que escribimos nuestros componentes. Por Axel Hernández https://www.linkedin.com/in/axelhzf/ https://twitter.com/axelhzf https://github.com/axelhzf http://axelhzf.com/ https://2018.jsdaycanarias.com