React: Router dinámico con API

Offered By
Coursera Project Network
In this Guided Project, you will:

Desarrollar una aplicación en React que extraiga datos sobre el comportamiento de divisas, real.

Utilizar Hooks (useState y useEffect) para el manejo y flujo de datos.

Manejar una librería que te permita crear gráficos con datos, dinámicamente.

Clock1.5 horas
IntermediateIntermediate
CloudNo download needed
VideoSplit-screen video
Comment DotsSpanish
LaptopDesktop only

En este curso basado en un proyecto y de 1 hora de duración, aprenderás a: 1. Desarrollar una aplicación en React que extraiga datos sobre el comportamiento de divisas, real. 2. Utilizar Hooks (useState y useEffect) para el manejo y flujo de datos. 3. Manejar una librería que te permita crear gráficos con datos, dinámicamente.

Skills you will develop

ChartsAPIsHooksReactJavaScript

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. Estructurar el proyecto

  2. Vincular componentes "Header" y "Sidebar"

  3. Crear el estado local y simular listado de monedas con useState

  4. Conectar al API y obtener lista de monedas con useEffect

  5. Establecer el flujo de "CurrenciesRates"

  6. Integrar campos para rangos de fechas

  7. Conectar al API y obtener datos de la moneda seleccionada

  8. Crear gráficas y cambios de estado con el comportamiento de las monedas

  9. Tomar recomendaciones y mejorar interfaz

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step

Frequently asked questions

Frequently Asked Questions

More questions? Visit the Learner Help Center.