REACT: Carrito de compras con Context

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

Utilizarás createContext, useContext y useReducer para el flujo del estado global.

Manejarás Reducers para manipular las propiedades y valores del estado global.

Aplicarás eventos en los componentes para activar las diferentes funciones del estado global.

Showcase this hands-on experience in an interview

Clock2 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. Utilizarás createContext, useContext y useReducer. 2. Manejarás Reducers para manipular las propiedades y valores del estado global. 3. Aplicarás eventos en los componentes conectados con el estado global.

Requirements

C​onocimientos de JavaScript y React básico

Skills you will develop

ReducersHooksReactContextJavaScript

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. Estructura del proyecto

  2. Integrar Context a la aplicación

  3. Fluir datos hacia componentes

  4. Establecer renderizado de productos

  5. Agregar productos al carrito

  6. Manipular estado global con "Reducers"

  7. Desglosar carrito y generar precios totales

  8. Obtener precios totales y realizar renderizado en componentes

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.