Ejercicio: GMail

GMail

En las lecciones de estos materiales solemos trabajar sobre ejercicios pequeños y aislados con los que practicamos los conocimientos aprendidos en un día.

Hemos querido prepararos un ejercicio global y completo que relaciona todos los conceptos aprendidos durante todo el módulo 3 de React.

Este ejercicio se grabó con público en directo en clase, durante el módulo 3 de la Promo Idelisa. Y es una especie de gestor de correos parecido a GMail:

GMail

Capítulos

  • Este ejercicio está compuesto de una carpeta 00 donde está el enunciado del ejercicio y 9 capítulos que están en las carpetas 01 a la 09.

  • Las carpetas 01 a la 09 se corresponden con cada uno de las lecciones del curso.

  • El código fuente HTML, JS, React y CSS de cada capítulo está en su respectiva carpeta en el repositorio de ejercicios extra > react gmail.

  • El código fuente que hay en estas carpetas es código que hay al final de cada capítulo.

T1E1: intro y props

T1E2: pintar un listado

T1E3: eventos

Lifting

T1E4: estado

T1E5: más estado

T1E6: hooks / useState

T1E7: Formularios en React

T1E8: React Router

T1E9: Ciclo de vida de los componentes

T1E10: Dar cera, pulir cera