1

Componentes RIA

• Lo básico. HTML, CSS, JavaScript. El DOM.
• Patrones clásicos de diseño de aplicaciones. Limitaciones de las aplicaciones JavaScript.
• Ecosistema de frameworks de JavaScript.
• Principios de vinculación de datos: dirty-checking, observable, virtual-dom.
• ReactJS, posicionamiento y filosofía.
• JSX, presentación. Implementación "Transpilers".
• Entorno de desarrollo. IDE y plug-ins.

2

Desarrollo con ReactJS

• Enfoque: MVC y Virtual Dom, una elección para el rendimiento.
• Utilice JavaScript o JSX.
• Comprender JSX en detalle. Errores a evitar.
• Principales métodos de la API.
• Creación de componentes de vista. Ciclo de vida.
• Inicialización de propiedades.
• "Función Render": gestión del estado de los componentes.

3

Interactividad de los componentes

• Gestión de eventos. "Autobinding" y delegación.
• Patrón de diseño: estrategia para componentes con estado.
• Componer en conjuntos.
• "Flujo de datos de componentes: propietario, hijos y creación dinámica.
• Componentes reutilizables: control y transferencia de propiedades.
• Control de los componentes del formulario.
• Manipulación del DOM.

4

Aplicación de una sola página con ReactJS y Flux o Redux

• Flux/Redux: presentación. Propagación de datos.
• Comparación de arquitecturas.
• Creación de vistas y controladores en Flux.
• Papel del "Dispacther" en Flux para la renta variable.
• Los "Almacenes", un gestor lógico de estados en Flux.
• Definición de programación funcional.
• Enfoque con Redux. El "Reductor".
• Extensión para ReactJS: "hot-loader".

5

Aplicación isomórfica

• Principio y ventajas del desarrollo isomórfico.
• Ecosistema JavaScript del lado del servidor.
• Introducción a NodeJS.
• Configuración de NodeJs para ReactJS.
• Organización de rutas.

6

Introducción a React Native

• Posicionamiento, diferencias con Cordova.
• De React a componentes nativos de iOS, un proyecto a tener en cuenta.