react useContext Hook for beginners | Add product to cart with react context api

  Рет қаралды 2,347

React Developer

React Developer

10 ай бұрын

useContext Hook 👉
learn How to use useContext in react to share state from one component to another in react js.
useContext hook is explained with the help of add to Cart functionality to update the values in header component which exist individually in different place.
🌟 Course Contents 🌟
👉Basic Layout
👉Product List design 02:27
👉Creating Context 08:02
👉Updating the values from product page 13:02
👉 Summary of the whole tutorial.17:34
state transfer with useContext hook 🚀
This training covers the following:
👉 Building simple product page with help of MUI components and implementation of add to Cart functionality.💻
Do check out my GitHub repo for Amazing free stuff for different projects.
GitHub - github.com/Sanskarraj51
Instagram - openinapp.co/instagram/61606
please subscribe for more videos like this.
#javascript #react #reels #reactjstutorial #reactjsforbeginners #reactjsprojects #javascript #frontenddevelopment #coding #programming #reactform #bootstrap #git #usecontext
#frontenddeveloper #nextjs #nodejs #react
#india #jaipur #itindustry #hooks #modi

Пікірлер: 2
@shyampareek3925
@shyampareek3925 10 ай бұрын
Hello sir, Is there any other way to persist the data whether it is of user or cart without using browser API like localStorage. Thanks for the valuable content ❤
@ReactDeveloper
@ReactDeveloper 10 ай бұрын
You can definitely use localstorage for persisting data. You can even combine localstorage and redux or context api for the persisting part . Redux-persist is another way create a persisting store and manage the same. And for small data like two three strings or smaller data you can even use url params in react js Thanks for the question. Hope this helps to all 💕
Context API in react | get the concept
29:00
Hitesh Choudhary
Рет қаралды 38 М.
小路飞姐姐居然让路飞小路飞都消失了#海贼王  #路飞
00:47
路飞与唐舞桐
Рет қаралды 93 МЛН
КАК СПРЯТАТЬ КОНФЕТЫ
00:59
123 GO! Shorts Russian
Рет қаралды 2,6 МЛН
1❤️
00:20
すしらーめん《りく》
Рет қаралды 32 МЛН
React Shopping Cart in 2022 || Using Hooks and React Router
50:42
Code&Coding
Рет қаралды 120 М.
Context API Tutorial For Beginners - Using React Hooks
12:26
PedroTech
Рет қаралды 189 М.
How To Add To Cart Shopping using HTML CSS and Javascript
29:49
Context api with local storage | project
1:15:33
Chai aur Code
Рет қаралды 98 М.
Learn useContext In 13 Minutes
13:08
Web Dev Simplified
Рет қаралды 690 М.
Redirecting in React js after login | How to redirect in react js
8:08
小路飞姐姐居然让路飞小路飞都消失了#海贼王  #路飞
00:47
路飞与唐舞桐
Рет қаралды 93 МЛН