Temario del curso
Introducción
- React frente a Angular y otras bibliotecas
Comprensión de React
- JSX, componentes y propiedades (props), ciclo de vida de los componentes, etc.
- Gestión del estado de la aplicación frente al estado de los datos.
Escritura de aplicaciones React con ES6
- Sintaxis y características de ES6+ a tener en cuenta.
Configuración del entorno de desarrollo
Descripción general de Node.js
Instalación y configuración de Node.js
Descripción general de Webpack y Babel
- Comprensión de la "transformación" (traducción de JSX a JavaScript).
Instalación y configuración de Webpack
Instalación y configuración de Babel
Instalación de React y ReactDOM
Creación de tu primera aplicación React
Configuración de Webpack para supervisar cambios en los archivos fuente
Configuración de npm como ejecutor de herramientas
Extensión de la aplicación React con nuevos componentes
Implementación de la arquitectura Flux y Redux en una aplicación React
Comprensión de Flux y Redux
- Componentes sin estado, acciones, reductores, despachadores, middleware, contenedores, etc.
Construcción de múltiples vistas dentro de la aplicación React
Instalación y configuración de Redux
Creación de una lista de tareas (to-do list) sencilla con Flux/Redux (con una API simulada del servidor).
Integración de un backend con tu aplicación React: GraphQL y Apollo
Descripción general de GraphQL
- Tipos de datos, esquemas, estructura de grafos e integración con React.
- Limitaciones de las rutas RESTful.
- GraphQL frente a SQL.
Escritura de una consulta GraphQL
Autenticación de usuarios
Integración de React Router con GraphQL
Construcción de un blog sencillo con React y GraphQL
Pruebas de tu aplicación React
Ejecución de aplicaciones React mediante scripts de línea de comandos de npm
Resolución de problemas (troubleshooting)
Estructuración del repositorio de la aplicación
Mejores prácticas para escribir código React
Implementación de tu aplicación React
Consideraciones sobre aplicaciones móviles con React Native
Resumen y conclusiones
Requerimientos
- Experiencia en el desarrollo de aplicaciones web.
- Conocimientos de programación en JavaScript.
- Conocimientos previos de React.
Audiencia
- Desarrolladores.
Testimonios (2)
* El enfoque práctico, que nos ayudó a comprender mejor el tema. * La flexibilidad del profesor para abordar temas relevantes para nuestros casos de uso.
Juan Rial - Cegeka NV
Curso - Building Interactive Applications with React, Redux and GraphQL
Traducción Automática
Aunque ya tenía un conocimiento bastante bueno del tema, descubrí mucha información útil durante el curso.
Stefan-Lucian Bucur - Cegeka NV
Curso - Building Interactive Applications with React, Redux and GraphQL
Traducción Automática