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.

Hola-mundo: el primer ejemplo en React, contiene dos componentes
- un contador al que podemos sumarle o restarle uno
- un label que permite saludar a una persona (muestra cómo pasarle parámetros a un componente)
- explica los conceptos componente funcional vs. componente como clase, props, estado, manejo de eventos, y da una introducción al testeo unitario de componentes con React Testing Library.
Componente como función (variante recomendada utilizando hooks)
- Conversor, utilizando la técnica useState.
- 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.