Fundamentos de ReactJS (24 hrs.)

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 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 | Construyecndo 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

Parte 10: Preparando tu aplicación React para mantenimiento con Flux

Refactorizando con el componente Stream | Creando un CollectionStore | creando un CollectionActionsCreator | Refactorizando el componente Application | Refactorizando el componente Collection | Refactorizando el componente CollectionControls | Refactorizando el componente CollectionRenameForm | Refactorizando el componente TweenList | Refactorizando el componente SteamTweet

Formas de pago