eugenia1984/reactjs-build-a-food-managing-app

An Udemy React course to build a Food managing app

React JS Crash Course 2023 - Build A Food Managing App

(Udemy course)

---

📖 ¿ Que hay en este curso?

Este curso enseña los conceptos de React, desde las bases, paso a paso.

⭐ ¿Qué se verá?

• Core basics: cómo funciona el State(estado) en React, cómo trabajar con los métodos del ciclos de vida.

• Componentes Funcionales

• Props(propiedades) y state(estados)

• Handle events(manejadores de eventos)

• Traer data de APIS (fetch)

• Renderizar listas y keys (llaves)

• Qué es useState y cómo manejar el state en un componente funcional.

• Hook useEffect y manejar efectos secundarios en componentes funcionales.

• Hook useContext y el manejo global del estado

• Hook useReducer y manejo complejo del estado

• Implementar una aplicación de comida de React desde cero

• Deployar la aplicación en FireBase

---

¿ Qué se crea?

• Se puede cambiar el tema (light / dark), para ver context, como crear /proveer / utilizar un contexto y el hook useContext.

• Un buscador, que al tipear se busca una comida. En esta sección vemos state y el hook useState . Y al hacer click en el botón de buscar se hace llamado a una API, por lo que se ve como mostrar loading state.

• Una vez que está la bússqueda se ve una lista de cards y se ven las props(para pasar data del componente padre al componente hijo), también veo cómo se compunica el componente hijo con el componente padre.

• Hay un botón de agregar a favoritos, para lo que quedará guardado en el local Storage y se ve useEffect para manejar efectos secundarios.

• Una vez que se tiene cards en la parte de favoritos habrá otro recuadro de búsqueda y se ve el hook useReducer que se utiliza para manejar distintos estados de state complejos.

• La lista de las recetas que falten.

• useCallBack y useMemo para mejorar la performance de la aplicación

---

Tecnologías

• React

• Spoonacular API

• Firebase

---

Seguime en: LinkedIn - maria-eugenia-costa

---