Hola

export default {
  fullName: "Jorge González",
  twitter: "@boton",
  linkedIn: "http://linkedin.com/in/boton"
};

export default {
  fullName: "Fco Javier Aceituno",
  twitter: "@javiacei",
  linkedIn: "http://linkedin.com/in/javiacei"
};

Problemas

No estaba optimizada para móviles

El monolito

Rails Assets Pipeline

Requisitos

Front y Back desacoplado
Server Rendering
Código Modular
SEO

Solución:

Aplicación universal

Librería para construir interfaces de usuario

Server Rendering
Componentes (Modularidad)
JSX
Virtual DOM

Herramientas

A picar!

Redux es un contenedor predecible del estado de aplicaciones JavaScript.

Redux se inspiró en muchas de las cualidades importantes de Flux.

Se basa en 3 principios

Única fuente de la verdad
El estado es de solo lectura
Los cambios se realizan con funciones puras

A picar!

Mantiene sincronizada tu UI con la URL

Está inspirado en el router de Ember

Rutas anidadas
Router en el contexto de React
Inyecta propiedades (location, params, children ...)
Funciona en node

A picar!

Preguntas?

Gracias!