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

#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 -
Instagram: 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 ] | ...

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

Quiz App in React JS and Material UI -
Quiz App in React JS with 22 Categori...

Dictionary App in React JS and Material UI -
12 Language Dictionary App in React J...

Learn React From Scratch -
React JS Workshop Day 1 - Basics incl...

• #education
• #context_api_tutorial
• #context_api_tutorial_react
• #context_api_react
• #context_api_in_one_video
• #context_api_project
• #react_context_api_project
• #context_api_shopping_cart
• #react_context_api_shopping_cart
• #shopping_cart_react_hooks
• #usecontext_hook
• #usecontext_hook_tutorial
• #createcontext_react_hooks
• #createcontext_react
• #context_api_react_js
• #react_state_management
• #react_state_management_context_api
• #state_management_react
• #react_context
• #react_context_tutorial