React

Material

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

Para crear un proyecto React desde la consola Git Bash o bien desde una terminal seguí las instrucciones que están en la wiki.

ESLINT / .settings vscode Pasar 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.
ESLINT Pasar Conversor, utilizando la técnica useState. Diapositivas Testeo de frontend en React.
x Heladería, agregamos al useState el useEffect para actualizar la página a intervalos.
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.
Input disabled: composición de componentes (props children, slot).
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.
Performance con listas en React: trabajo con listas, keys, useEffect y useCallback.
Contador: tiene la explicación de Provider, Context y Consumer.
Mundial 2022 Qatar.

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