Temario del curso
Desarrollo de aplicaciones front-end modernas
- Visión general y similitudes de React, Angular y Vue.js
- Renderizado declarativo
- Componentes: definición de etiquetas HTML personalizadas
- Uso de create-react-app para inicializar un proyecto de React
JavaScript moderno
- Desarrollo usando node.js y npm
- Versiones de JavaScript
- Trabajo con módulos
- Funciones y funciones flecha (arrow functions)
- Clases
- Programación funcional en JavaScript (map, filter, ...)
TypeScript
- Tipado estático vs. dinámico
- Declaración de tipos de variables, funciones y clases
- Tipos de datos básicos
- Matrices (tuples) y objetos
- Interfaces
- Genéricos
Lenguaje de plantillas de React
- Lenguaje de plantillas basado en JavaScript: JSX
- Configuración de propiedades de elementos
- Repetición de elementos
- if / else
- Eventos
- Clases y estilos CSS
Gestión de estado en React
- Configurar y cambiar el estado de la aplicación
- Uso del state hook y setState
- Capturar el contenido de elementos de entrada en el estado
Componentes: Bloques de construcción de aplicaciones web modernas
- Definición de etiquetas HTML personalizadas en React
- Estado (state), props y eventos
- Flujo de datos entre componentes
- Componentes de función y componentes de clase
- Uso de hooks en componentes de función
- Eventos del ciclo de vida del componente (montaje, actualización, desmontaje)
- Inclusión de componentes predefinidos desde una biblioteca
Gestión de estado con Redux
- Básicos de Redux: gestión de estado con funciones puras, reducers y datos inmutables
- Uso del reducer hook en React
- Integración de Redux en una aplicación React
- Componentes presentacionales y de contenedor
- Ecosistema de Redux
- Manejo de eventos asíncronos con Thunk
- Obtención de datos de una API REST
Herramientas de desarrollador y pruebas
- Herramientas de desarrollador de React
- Herramientas de desarrollador de Redux
- Pruebas de JavaScript con Jest
- Pruebas de reducers
- Pruebas de componentes de React
React Router
- Enrutamiento en el cliente (client-side routing)
- Muestra de vistas diferentes basadas en la ruta actual del navegador
Desarrollo de aplicaciones con React
- Breve visión general de React Native
- Creación de aplicaciones móviles y de escritorio instalables con Progressive Web Apps
- Comparación de Progressive Web Apps y aplicaciones nativas
Requerimientos
- Básicos de HTML
- Experiencia con JavaScript
Reseñas (7)
Fue realmente gratificante haber logrado, por fin, una comprensión sólida de algunos de los conceptos fundamentales de React, en particular aspectos como el estado (state) y los hooks. Łukasz ofreció explicaciones muy claras al respecto y mostró una gran disposición para experimentar con ejemplos prácticos, lo que nos ayudó a resolver las dudas adicionales que teníamos.
Hayden Pike - Powerlink Queensland
Curso - React, Redux and TypeScript
Traducción Automática
Los detalles, la forma de explicar y la calma y confianza que inspira el formador.
Cosmin Ghergheles - Ness
Curso - React, Redux and TypeScript
Traducción Automática
Cubrió los componentes básicos
Valentin
Curso - React, Redux and TypeScript
Traducción Automática
El entusiasmo de Lukasz.
Eloise Phelps - Dunelm
Curso - React, Redux and TypeScript
Traducción Automática
Cómo Luke hizo un buen esfuerzo ayudando a las personas individualmente cuando tenían problemas ejecutando el código. Luke fue extremadamente amable y se llevó muy bien con los participantes del curso.
Jonathan Grout - Dunelm
Curso - React, Redux and TypeScript
Traducción Automática
La participación del formador con todos los asistentes fue excelente; todos recibieron ayuda en algún momento del curso. En general, fue una gran experiencia, especialmente para las personas que no estaban familiarizadas con el tema.
Tayyab Ejaz Mushtaq - Dunelm
Curso - React, Redux and TypeScript
Traducción Automática
Me gustó el hecho de que se sintiera como un entorno seguro y no me sentí intimidado al compartir mi pantalla y mis dificultades con el instructor o el grupo.
Wanda Hawkins-Kavanagh - Dunelm
Curso - React, Redux and TypeScript
Traducción Automática
