React

Material

Seguí las instrucciones que están en este repositorio.

Hola-mundo: el primer ejemplo en React, contiene dos componentes: 1. un contador al que podemos sumarle o restarle uno mediante un state, 2. un label que permite saludar a una persona (muestra cómo pasarle parámetros a un componente, props). También da una introducción al testeo unitario de componentes con React Testing Library. Diapositivas - Intro a React.
Pasar Conversor, utilizando la técnica useState. Diapositivas Testeo de frontend en React.
Heladería, agregamos al useState el useEffect para actualizar la página a intervalos. Diapositivas - useRef/useEffect.
Input disabled: composición de componentes (props children, slot). Diapositivas: Formulario dinámico, render condicional, children.
Mails, maneja comunicación entre componente padre (que hace llamadas asincrónicas mediante useEffect y maneja el estado con el hook useState) y sus componentes hijos que reciben props (objetos o funciones). Conditional rendering. Diapositivas: Diseño de componentes.
Tareas de un equipo de desarrollo: contra un backend REST. Llamada a servicios asincrónicos, actualización del estado de componentes padres a hijos. Listas y keys. Diapositivas: integración con un backend. Diapositivas: Routing.
Performance con listas en React: trabajo con listas, keys, useEffect y useCallback.
Contador: tiene la explicación de Provider, Context y Consumer. Diapositivas: Context.
Mundial 2022 Qatar.

Si te interesa seguir la secuencia didáctica hay tutoriales en Youtube donde podés seguir esta lista de reproducción.