Temario del curso
Desarrollo de aplicaciones front-end modernas
- Visión general y similitudes entre React, Angular y Vue.js
- Rendimiento declarativo (declarative rendering)
- Componentes: definición de etiquetas HTML personalizadas
- Uso de create-react-app para inicializar un proyecto en React
JavaScript moderno
- Desarrollo con Node.js y npm
- Versiónes de JavaScript
- Trabajo con módulos
- Funciones y funciones flecha (arrow functions)
- Clases
- Programación funcional en JavaScript (map, filter, ...)
TypeScript
- Tipado estático versus dinámico
- Declaración de tipos para variables, funciones y clases
- Tipos de datos básicos
- Tuplas y objetos
- Interfaces
- Genéricos
Lenguaje de plantillas de React
- Lenguaje de plantillas basado en JavaScript: JSX
- Configuración de propiedades del elemento
- Repetición de elementos
- If / Else
- Eventos
- Clases CSS y estilos
Gestión del estado en React
- Establecimiento y cambio del estado de la aplicación
- Uso del hook de estado (state hook) y setState
- Captura del 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, propiedades (props) y eventos
- Flujo de datos entre componentes
- Componentes funcionales y componentes de clase
- Uso de hooks en componentes funcionales
- Eventos del ciclo de vida del componente (montaje, actualización, desmontaje)
- Inclusión de componentes predefinidos de una biblioteca
Gestión del estado con Redux
- Fundamentos de Redux: gestión del estado mediante funciones puras, reductores y datos inmutables
- Uso del hook de reducción (reducer) en React
- Integración de Redux en una aplicación React
- Componentes presentacionales y contenedores
- Ecosistema de Redux
- Manejo de eventos asíncronos con Thunk
- Obtención de datos desde una API REST
Herramientas de desarrollo y pruebas
- Herramientas de desarrollo para React
- Herramientas de desarrollo para Redux
- Pruebas de JavaScript con Jest
- Pruebas de reductores
- Pruebas de componentes React
React Router
- Enrutamiento del lado del cliente
- Visualización de diferentes vistas según la ruta actual del navegador
Desarrollo de aplicaciones con React
- Breve visión general de React Native
- Creación de una aplicación instalable para móviles y escritorio mediante Progressive Web Apps (PWA)
- Comparativa entre Progressive Web Apps y aplicaciones nativas
Requerimientos
- Conocimientos básicos de HTML
- Experiencia previa 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
