React Context API with Project | useContext Hook | createContext | State Management Tutorial

Publicado em: 01 Janeiro 1970
no canal de: RoadsideCoder
83,475
1.9k

#Reactjs #ContextAPI #useContext #reactcontext

Learn Context API by making simple Shopping Cart Project in React JS in one video. We will learn Context API hooks such as useContext and createContext in React JS.

Source Code -
https://github.com/piyush-eon/youtube...

If any questions, ask here -
  / roadsidecoder  

MERN Stack Tutorial with Redux 2021 -
   • MERN Stack Project Tutorial with Redux  

00:00 Intro
00:15 State Management Example
02:04 Context API - State Management
03:00 Setup New React JS App
04:43 Making UI for Shopping Cart
09:54 Generating Products Data with Faker
12:40 Single Product UI
16:27 Cart UI
18:17 Cart State
21:24 Shifting the State to Parent
24:06 Total Price Logic
26:10 Problem without Context
26:48 Context API Implement
29:14 useContext Hook
33:13 Conclusion
33:47 Context API with useReducer Video
35:20 Support the channel!

React Router DOM Tutorial-
   • React Router Dom [ Full Tutorial ] | Inclu...  

Movie App in React JS and Material UI -
   • Movies and TV Series Searching App in Reac...  

Quiz App in React JS and Material UI -
   • Quiz App in React JS with 22 Categories | ...  

Dictionary App in React JS and Material UI -
   • 12 Language Dictionary App in React JS [ F...  

Learn React From Scratch -
   • React JS Workshop Day 1 - Basics including...  


Nesta página do site você pode assistir ao vídeo on-line React Context API with Project | useContext Hook | createContext | State Management Tutorial duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário RoadsideCoder 01 Janeiro 1970, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 83,475 vezes e gostou 1.9 mil espectadores. Boa visualização!