Тёмный

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

RoadsideCoder
Подписаться 120 тыс.
Просмотров 77 тыс.
50% 1

Опубликовано:

 

1 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 157   
@vivekgoswami1474
@vivekgoswami1474 2 года назад
Those who are stuck in the Faker.... First- npm uninstall faker Second - npm install -save-dev faker@5.5.3 Step 3 restart server and then import faker from 'faker'
@gaurisharma2253
@gaurisharma2253 Год назад
Thank you so much
@Reshmajain-jd1ed
@Reshmajain-jd1ed Год назад
U saved my day .Thank u so much
@ammar7109
@ammar7109 2 месяца назад
Thanks
@vivekgoswami1474
@vivekgoswami1474 2 месяца назад
Happy to help ❤🔥
@hirentecheshta3290
@hirentecheshta3290 2 года назад
around 21.42 minutes you said we can't pass state child to the parent component, but in react, there is a concept called Lifting State up is used to pass data from child to parent. Am I RIght?
@gouravprajapati3270
@gouravprajapati3270 Год назад
Yes, use callback in child
@rajatraj3160
@rajatraj3160 Год назад
@@gouravprajapati3270 callback or event bubbling (lifting state up)
@alaluddin6651
@alaluddin6651 2 года назад
Really, I can't express my gratitude for this awesome video. I was looking like this video since almost one month but finally i got here 💌💌💌. This video had took me 4 hours to complete with you. I am really thankful to you sir 💛💛💛
@adaezeikemefuna
@adaezeikemefuna 2 года назад
You broke this down and explained it so well. Thanks!
@RoadsideCoder
@RoadsideCoder 2 года назад
😄🙏
@27Jaswanth
@27Jaswanth 2 года назад
Hey bro, faker isn't working here.. Any solution ?
@CodexGem
@CodexGem 2 года назад
for the people who is getting no module found faker use step 1 : npm uninstall faker step 2 : npm install --save-dev faker@5.5.3 step 3 : restart development server and good to go
@Peterin
@Peterin 2 года назад
Can you please explain why normal npm install was not working?
@vivekgoswami1474
@vivekgoswami1474 2 года назад
Thanx man
@CodexGem
@CodexGem 2 года назад
@@Peterin the error was arising because of the faker library version when we type npm i faker it automatically downloads latest version but our project is using different means old version which doesn't support latest version so when ever you got error then immediately visit source code repo and inside compare your dependences with the project dependency inside package.json
@ashwinpatidar2878
@ashwinpatidar2878 Год назад
This is very helpful video for understanding useContext() Hook with good in project demo. Awesome explanation and information.
@davidbaraiya2649
@davidbaraiya2649 2 года назад
so can you make a video in hindi too ? my english is not a good at understand.
@AGriffith
@AGriffith 2 года назад
Is this still working? I think Faker library is now broken because of all the situation with Github and the author of the library.
@RoadsideCoder
@RoadsideCoder 2 года назад
Yeah, I believe it'll be working, or atleast the previous versions
@aishwarysaxena505
@aishwarysaxena505 Год назад
@faker is no more!!!
@pawan_kumar5555
@pawan_kumar5555 Год назад
faker npm is not working and other error please fix this source code in updated version
@rishabhtripathi6032
@rishabhtripathi6032 2 года назад
faker are not working what i do it says module not found but in package.json file it proper shows what I do?
@vivekgoswami1474
@vivekgoswami1474 2 года назад
Hey ur prblm solved not? I am also facing same issue
@rishabhtripathi6032
@rishabhtripathi6032 2 года назад
@@vivekgoswami1474 not yet because faker.js package are outdated and not working do you have any Solution ?
@vivekgoswami1474
@vivekgoswami1474 2 года назад
@@rishabhtripathi6032 Those who are stuck in the Faker.... First- npm uninstall faker Second - npm install -save-dev faker@5.5.3 Step 3 restart server and then import faker from 'faker'
@sahilsharma1inspirationalTape
ya to smjhaale ya fir css kr le
@kumarshubham919
@kumarshubham919 3 года назад
It is the Simplest Explanation possible. I'm like that 🤯
@RoadsideCoder
@RoadsideCoder 3 года назад
😁😁🤘🤘
@ziyaulrana1840
@ziyaulrana1840 2 года назад
I really appreciated your way of teaching. I got Helped a lot from this video. First impression is last impression. I subscribed your channel. Thanks for being here on RU-vid
@RoadsideCoder
@RoadsideCoder 2 года назад
Wow, Thank you so much for appreciating, means a lot.
@sashirkl
@sashirkl 3 месяца назад
And this is how u make a concept more complex. instead of explaining usecontext .
@nehanalini1606
@nehanalini1606 2 года назад
faker is not working..I see nothing in the npm official page
@ashish_prajapati_tr
@ashish_prajapati_tr 2 года назад
you are awesome
@RahulKumar-ew1qw
@RahulKumar-ew1qw 3 года назад
Why I am getting white page while using context api component not render ... And there is no error in code , can u help me bro give me suggestions...
@RoadsideCoder
@RoadsideCoder 3 года назад
Maybe you haven't imported in index.js. Try to compare with my code, it's in description
@RahulKumar-ew1qw
@RahulKumar-ew1qw 3 года назад
I have done bro , app is now working
@sachinlingwal2325
@sachinlingwal2325 3 года назад
same error
@mutantthegreat7963
@mutantthegreat7963 2 года назад
Thanks man. Coming from Vue, I found it hard to understand how to avoid using redux, but this video pointed it out, -thanks!
@keerthimurgan4809
@keerthimurgan4809 Год назад
whatever you coded im not getting here properly
@Dev-Phantom
@Dev-Phantom 2 года назад
good understanding .... i really liked it.
@imnemo2327
@imnemo2327 2 года назад
🤯🤯🤯🤯🤯😨😨 🚪🚶
@carlosjosepereira4911
@carlosjosepereira4911 Месяц назад
Thank you very much!
@kollivenkatesh2545
@kollivenkatesh2545 6 месяцев назад
Images not displayed
@simple8810
@simple8810 2 года назад
Tbh I am working on the project and it has the same features as you have explained in first few minutes , I was trying to manage by simple props drilling , first it was messy , second I am not able to get the state defined in one and need to pass to another , So I thought to use contextAPI, and Ur video helped me Thanks
@RoadsideCoder
@RoadsideCoder 2 года назад
Awesome dude, Feels great to hear that!
@AMG-cc7pi
@AMG-cc7pi Год назад
Bhai maine galti se redux ka use dekh liya, rona agaya , saala ek state update karne ke liye kya bawasir bana rakha hai react waalo ne
@excellencevictorkingsley6921
Is faker still in use this 2023?
@smrpkrl
@smrpkrl 10 месяцев назад
5:24
@dimitriitkach7697
@dimitriitkach7697 Год назад
thanks for React Context API with Project | useContext Hook | createContext | State Management Tutorial
@IllIIIIIIllll
@IllIIIIIIllll 9 месяцев назад
Thank you sir ❤.
@parijatkumar1406
@parijatkumar1406 Год назад
faker is not working
@azadhuseynzade8543
@azadhuseynzade8543 2 года назад
Thanks,You explained so well👍
@Mukeshkrk108
@Mukeshkrk108 2 года назад
English theek hai iski mgar ye msjha nhi pata hai , shayad bs dekh dekh ke kra rha hai ,
@TravelwithPujarini
@TravelwithPujarini 2 года назад
Uski English toh sahi hai but Tum Apni sahi kr lo. ✌🏻
@ascodes3461
@ascodes3461 2 года назад
It was realllllly an amazing tutorial, Thank you soo much for this. It helped a lot😍🤩😇
@RoadsideCoder
@RoadsideCoder 2 года назад
❤️🙏
@TruthSeeker23-m4o
@TruthSeeker23-m4o Год назад
faker not working for me :( its not able to find faker even after correct package is installed
@camo4970
@camo4970 Год назад
you can make a separate component with all the data instead
@jigarjoshi9198
@jigarjoshi9198 2 года назад
13:38 is not working to display the items of an array ? even in component prod given as prop but not taking values ...i checked my code its correct....no errors
@capricious-agent-007
@capricious-agent-007 Год назад
thanks
@rakaa31
@rakaa31 2 года назад
your react videos are so helpful!
@fazilhakkim1091
@fazilhakkim1091 Год назад
fakers is not working for me bro can you please help
@webber5629
@webber5629 2 года назад
how to change Total price if we increase the quantity of item
@sohadmad1823
@sohadmad1823 Год назад
Amazing!!!Thank you very much😍😍
@faisalahammad
@faisalahammad 2 года назад
You're amazing bro, I've beening stuck for context API last a few weeks. :(
@ShahnewazTameem
@ShahnewazTameem Год назад
which extension you are using for auto camel case while typing the state expression?
@RoadsideCoder
@RoadsideCoder Год назад
just press "tab" key when u type the name
@sheydahafezifar8850
@sheydahafezifar8850 Год назад
it was really helpful. thank you so much!
@chronicinsomnia8712
@chronicinsomnia8712 Год назад
Is there any way to handle cart items quantity and single item price based on qty using context ?
@GMERT
@GMERT 2 года назад
Hello. please do a video of paxful clone for us. along with the backend.
@RoadsideCoder
@RoadsideCoder 2 года назад
I've already done a video on Cryptocurrency tracker, check my videos
@charuhas1602
@charuhas1602 Год назад
Best tutorials..Thanks
@alimirhashimli2727
@alimirhashimli2727 2 года назад
I think this faker does not work
@abhishekthakur7578
@abhishekthakur7578 Год назад
bhai itne fast mat kyu pada rahe ho kahi jana hai kya
@RoadsideCoder
@RoadsideCoder Год назад
ha pressure ban rha hai
@viralthakar164
@viralthakar164 4 месяца назад
Superb tutorial ❤❤❤❤
@RoadsideCoder
@RoadsideCoder 4 месяца назад
Thanks a lot 😊
@surajkumar-wz1br
@surajkumar-wz1br 2 года назад
Thanks, bro, This is the real scenario Project.👍 I subscribed to your channel
@brave364
@brave364 8 месяцев назад
really a great work bro
@RoadsideCoder
@RoadsideCoder 8 месяцев назад
Thanks ✌️
@PraveenKumar-ft2kr
@PraveenKumar-ft2kr 2 года назад
Soo good brother... Thank you 😃
@RoadsideCoder
@RoadsideCoder 2 года назад
Welcome 🙏
@alexcostal3749
@alexcostal3749 2 года назад
Amazing Video Brother 😎
@wolverine_d_king9422
@wolverine_d_king9422 Год назад
Superb explanation❤️
@narenNKchaudhary
@narenNKchaudhary Год назад
Can you share what best extension of VS code, we can use for the quick coding?
@abhisekgupta1543
@abhisekgupta1543 2 года назад
at 35:30 my site do not show header home cart on home page even after changing url to localhost:3000/cart
@manoyal
@manoyal 2 года назад
use react router v6, the react router in this video is out dated, check the documentation online
@arpitkolwar5916
@arpitkolwar5916 Год назад
thanks a lot brother for the first time i understood this subscribed and liked also watching your other videos .
@RoadsideCoder
@RoadsideCoder Год назад
Glad it helped
@dhirajshah6738
@dhirajshah6738 Год назад
osm brother...
@ajadreddy3851
@ajadreddy3851 2 года назад
Yaar this is not at all working ,always showing a bunch of errors even if i copy the code
@RoadsideCoder
@RoadsideCoder 2 года назад
What's the error?
@JoshuaMusau
@JoshuaMusau Год назад
Thanks man...
@PradeepSingh-fq3zr
@PradeepSingh-fq3zr Год назад
First of all very very Thanks, sir! I was very doubting in contest API but after watching your video my all doubt is clear. once again thanks, sir !
@RoadsideCoder
@RoadsideCoder Год назад
Awesome ❤️🌟
@cswithabdullah2638
@cswithabdullah2638 2 года назад
Thank you very much for this valuable tutorial.
@tonywest341
@tonywest341 2 года назад
Anyone who has faced tried to delete items in the cart and all items got deleted , after using includes method
@RoadsideCoder
@RoadsideCoder 2 года назад
Maybe you're clearing the complete state?
@Tahir_Musharraf
@Tahir_Musharraf 2 года назад
Explained very well. Thank You!
@sumitsingh2889
@sumitsingh2889 3 года назад
Bro there is two version of your this project.. the way you are doing on video and the code is on git both are different. please check again... i'm doing as it is but i'm getting error and error
@RoadsideCoder
@RoadsideCoder 3 года назад
That shouldn't be the case, what's different?
@usa5450
@usa5450 2 года назад
Underrated channel
@gilbertmizrahi5471
@gilbertmizrahi5471 Год назад
Thank you. This is very useful. 👌
@jorgedelamora5905
@jorgedelamora5905 2 года назад
How can i do it with local json?
@RoadsideCoder
@RoadsideCoder 2 года назад
Just replace faker variable with json object
@jorgedelamora5905
@jorgedelamora5905 2 года назад
Tried and got error :(
@anilkapse3415
@anilkapse3415 2 года назад
Hey brother, this is a really awesome video about context API.
@RoadsideCoder
@RoadsideCoder 2 года назад
🙏❤️
@hitsharnam3177
@hitsharnam3177 2 года назад
I like your video as soon as i click on it. Because i know it's going to be awesome. You are amazing.
@RoadsideCoder
@RoadsideCoder 2 года назад
❤️❤️ Thank you so much
@chiranjeevichowdary5948
@chiranjeevichowdary5948 3 года назад
Waiting for the next video
@jsagar95
@jsagar95 2 года назад
Thanks!
@mohitsaud2071
@mohitsaud2071 3 года назад
Thank you for your wonderful teaching. Love from Nepal.
@RoadsideCoder
@RoadsideCoder 3 года назад
🙏🔥
@jorgedelamora5905
@jorgedelamora5905 2 года назад
Bro you are such a nice guy, ty!
@RoadsideCoder
@RoadsideCoder 2 года назад
U too :)
@A9kit.k
@A9kit.k 2 года назад
Great 👏🏻👏🏻
@akashghosh3257
@akashghosh3257 2 года назад
Any help for Faker. I tried the older version too.
@priyankapriya9945
@priyankapriya9945 Год назад
yes faker is deprecated. it's no longer working now
@mausichilenduk7178
@mausichilenduk7178 Год назад
@@priyankapriya9945 No its working still. Use faker.js..... instead of random.image use image.abstract I am stuck in "Cannot read properties of undefined (reading 'includes')" can anyone help?
@ronakkarmakar6356
@ronakkarmakar6356 2 года назад
Don't know why my browserrouter isn’t working when i wrap home and cart into browserrouter. I installed router dom and write the code as shown in this video but It's not working properly.. Can anyone please fix my code?
@abhisekgupta1543
@abhisekgupta1543 2 года назад
Same issue bro...how did you fix it?
@manoyal
@manoyal 2 года назад
use react router v6, the react router in this video is out dated, check the documentation online
@vivekgoswami1474
@vivekgoswami1474 2 года назад
Gyuz my faker not working what is d issue anyone here can help?
@vivekgoswami1474
@vivekgoswami1474 2 года назад
@@manoyal help
@vivekgoswami1474
@vivekgoswami1474 2 года назад
@@abhisekgupta1543 help
@RahulKumar-ew1qw
@RahulKumar-ew1qw 3 года назад
Thnx bro, I will wait your next video..👍
@RoadsideCoder
@RoadsideCoder 3 года назад
Soon 🤟
@darjipavan5112
@darjipavan5112 3 года назад
React JS me Education website banaiye sir ji 🤗
@RoadsideCoder
@RoadsideCoder 3 года назад
Sure! 👍
@darjipavan5112
@darjipavan5112 3 года назад
@@RoadsideCoder 🏋️💁 thanks
@kanganagarwal
@kanganagarwal 2 года назад
Awesome
@RoadsideCoder
@RoadsideCoder 2 года назад
Thanks!
@rilangkishabong1723
@rilangkishabong1723 3 года назад
Very helpful content. Thank you brother
@RoadsideCoder
@RoadsideCoder 3 года назад
Glad u liked it!
@chiranjeevichowdary5948
@chiranjeevichowdary5948 3 года назад
Waiting for ur next video from a week upload it asap!!
@RoadsideCoder
@RoadsideCoder 3 года назад
Yes!! Sunday definitely
@chiranjeevichowdary5948
@chiranjeevichowdary5948 3 года назад
@@RoadsideCoder ok
@RoadsideCoder
@RoadsideCoder 3 года назад
Follow me on Instagram @RoadsideCoder for all the updates
@arupde6320
@arupde6320 3 года назад
good job .. keep uploading .
@RoadsideCoder
@RoadsideCoder 3 года назад
Thanks man
@satrioutomo1077
@satrioutomo1077 3 года назад
enable subtitle pls
@RoadsideCoder
@RoadsideCoder 3 года назад
There must be autogenerated ones
@sanketsuryawanshi
@sanketsuryawanshi 3 года назад
Thanks a lot
@RoadsideCoder
@RoadsideCoder 3 года назад
🙏🙏
@anujgupta9167
@anujgupta9167 3 года назад
Awesome as always bro
@RoadsideCoder
@RoadsideCoder 3 года назад
🤘🤘
@kyawzinthant170
@kyawzinthant170 2 года назад
amazing just finish it
@RoadsideCoder
@RoadsideCoder 2 года назад
Great!
@rangabharath4253
@rangabharath4253 3 года назад
Awesome as always bro 🥳🎉
@RoadsideCoder
@RoadsideCoder 3 года назад
Thanks mate
@noobCoder26
@noobCoder26 3 года назад
great
@RoadsideCoder
@RoadsideCoder 3 года назад
🤘
Далее
Context API in react | get the concept
29:00
Просмотров 59 тыс.
▼ КАПИТАН НАШЁЛ НЕФТЬ В 🍑
33:40
Просмотров 485 тыс.
The Most Underrated State Management Tool in React
23:35
Context API in React JS in Hindi in 2020 #51
25:10
Просмотров 253 тыс.
▼ КАПИТАН НАШЁЛ НЕФТЬ В 🍑
33:40
Просмотров 485 тыс.