Descripción:

React.js es una biblioteca Javascript de código abierto para crear interfaces de usuario con el objetivo de animar al desarrollo de aplicaciones en una sola página sola. Es mantenido por Facebook, Instagram y una comunidad de desarrolladores independientes y compañías.1 2 3 React intenta ayudar a los desarrolladores a construir aplicaciones que usan datos que cambian todo el tiempo. Su objetivo es para ser sencillo, declarativo y composable. React sólo maneja la interfaz de usuario en una aplicación; está construida únicamente para utilizar el patrón de software MVC, y puede ser utilizada conjuntamente con otras bibliotecas de Javascript o más grandes #MVC como AngularJS. Lo También puede ser utilizado con las extensiones de React-based que se encarga de las partes no-UI (no gráficas) de una aplicación web.

Objetivo: 

El alumno al final del Curso de Fundamentos de React, aprenderá a instalar poderosas herramientas React.js para que el desarrollo sea mucho más eficiente, creará componentes que enriquecerán una aplicación Web, aprenderá a trabajar con otras librerías de la mano de React.

Temario:

Parte 1: Instalando herramientas de gran alcance para tu proyecto

Instalación de Node.js y npm | Instalación de Git |Obtención de datos del stream de Twitter mediante su API |Filtrando datos con Snapkite Engine | Creando la estructura de un proyecto |ÂÂ Creación de un package .jason |Reutilizando módulos de Node.js |Construyendo con Gulp.js |Creación de una página Web

Parte 2: Creando un primer elemento React

Comprensión del DOM virtual |Instalación de React |Creación de elementos React con Javascript |Representación de elementos React |Creando elementos React con JSX

Parte 3: Creando tu primer componente React

Sin estado versus con estado |Creación de tu primer componente React sin estado |Creando tu primer componente React con estado

Parte 4: Haciendo reactivos tus componentes React

Resolución de un problema usando React |Planeando tu aplicación React |Creando un componente contenedor React

Parte 5: Usando tus Componentes React con otras librerías

Uso de otra librería en tu componente React | Comprendiendo el método de ciclo de vida de los componentes React | Métodos de montaje |Métodos de desmontaje

Parte 6: Actualizando tus Componentes React

Comprendiendo el ciclo de vida del Componente usando métodos |Estableciendo las propiedades default de un componente React |Validación de las propiedades de un componente React | Creando un componente Collection

Parte 7: Construcción de Componentes React más complejos

Creación de un componente TweenList |Creación de un componente CollectionControls |Creación de un componente CollectionRenameForm |Creación de un componente Button |Creación de un componente CollectionExportForm

Parte 8: Probando tu aplicación React con Jest

Por qué las pruebas unitarias |Banco de pruebas, especificaciones y expectativas | Instalación y ejecución de Jest | Probando componentes React

Parte 9: Impulsando el potencial de la arquitectura de tu aplicación React con Flux

Analizando la arquitectura de tu aplicación React |Comprendiendo Flux |Creación de un disparador |Creando un creador de acciones