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

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ก.ย. 2024

ความคิดเห็น • 157

  • @alaluddin6651
    @alaluddin6651 2 ปีที่แล้ว +10

    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 💛💛💛

  • @kumarshubham919
    @kumarshubham919 3 ปีที่แล้ว +3

    It is the Simplest Explanation possible. I'm like that 🤯

  • @vivekgoswami1474
    @vivekgoswami1474 2 ปีที่แล้ว +7

    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'

  • @adaezeikemefuna9592
    @adaezeikemefuna9592 2 ปีที่แล้ว +11

    You broke this down and explained it so well. Thanks!

  • @ashwinpatidar2878
    @ashwinpatidar2878 ปีที่แล้ว +2

    This is very helpful video for understanding useContext() Hook with good in project demo. Awesome explanation and information.

  • @mutantthegreat7963
    @mutantthegreat7963 2 ปีที่แล้ว +2

    Thanks man. Coming from Vue, I found it hard to understand how to avoid using redux, but this video pointed it out, -thanks!

  • @simple8810
    @simple8810 2 ปีที่แล้ว +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!

  • @ziyaulrana1840
    @ziyaulrana1840 2 ปีที่แล้ว +4

    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 TH-cam

    • @RoadsideCoder
      @RoadsideCoder  2 ปีที่แล้ว +1

      Wow, Thank you so much for appreciating, means a lot.

  • @hirentecheshta3290
    @hirentecheshta3290 2 ปีที่แล้ว +13

    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 ปีที่แล้ว +3

      Yes, use callback in child

    • @rajatraj3160
      @rajatraj3160 ปีที่แล้ว

      @@gouravprajapati3270 callback or event bubbling (lifting state up)

  • @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 !

  • @dimitriitkach7697
    @dimitriitkach7697 ปีที่แล้ว

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

  • @ascodes3461
    @ascodes3461 2 ปีที่แล้ว +1

    It was realllllly an amazing tutorial, Thank you soo much for this. It helped a lot😍🤩😇

  • @faisalahammad
    @faisalahammad 2 ปีที่แล้ว

    You're amazing bro, I've beening stuck for context API last a few weeks. :(

  • @arpitkolwar5916
    @arpitkolwar5916 ปีที่แล้ว

    thanks a lot brother for the first time i understood this subscribed and liked also watching your other videos .

  • @mohitsaud2071
    @mohitsaud2071 3 ปีที่แล้ว

    Thank you for your wonderful teaching. Love from Nepal.

  • @Tahir_Musharraf
    @Tahir_Musharraf 2 ปีที่แล้ว

    Explained very well. Thank You!

  • @rakaa31
    @rakaa31 2 ปีที่แล้ว +1

    your react videos are so helpful!

  • @Dev-Phantom
    @Dev-Phantom ปีที่แล้ว +1

    good understanding .... i really liked it.

  • @surajkumar-wz1br
    @surajkumar-wz1br 2 ปีที่แล้ว

    Thanks, bro, This is the real scenario Project.👍
    I subscribed to your channel

  • @27Jaswanth
    @27Jaswanth 2 ปีที่แล้ว +2

    Hey bro, faker isn't working here.. Any solution ?

  • @azadhuseynzade8543
    @azadhuseynzade8543 2 ปีที่แล้ว +1

    Thanks,You explained so well👍

  • @sheydahafezifar8850
    @sheydahafezifar8850 ปีที่แล้ว

    it was really helpful. thank you so much!

  • @viralthakar164
    @viralthakar164 4 หลายเดือนก่อน

    Superb tutorial ❤❤❤❤

    • @RoadsideCoder
      @RoadsideCoder  4 หลายเดือนก่อน

      Thanks a lot 😊

  • @carlosjosepereira4911
    @carlosjosepereira4911 15 วันที่ผ่านมา

    Thank you very much!

  • @cswithabdullah2638
    @cswithabdullah2638 2 ปีที่แล้ว

    Thank you very much for this valuable tutorial.

  • @sohadmad1823
    @sohadmad1823 ปีที่แล้ว

    Amazing!!!Thank you very much😍😍

  • @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

  • @usa5450
    @usa5450 2 ปีที่แล้ว

    Underrated channel

  • @brave364
    @brave364 7 หลายเดือนก่อน

    really a great work bro

  • @sashirkl
    @sashirkl 2 หลายเดือนก่อน

    And this is how u make a concept more complex. instead of explaining usecontext .

  • @anilkapse3415
    @anilkapse3415 2 ปีที่แล้ว

    Hey brother, this is a really awesome video about context API.

  • @jorgedelamora5905
    @jorgedelamora5905 2 ปีที่แล้ว

    Bro you are such a nice guy, ty!

  • @rishabhtripathi6032
    @rishabhtripathi6032 2 ปีที่แล้ว +1

    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 ปีที่แล้ว +1

      @@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'

  • @IllIIIIIIllll
    @IllIIIIIIllll 8 หลายเดือนก่อน

    Thank you sir ❤.

  • @RahulKumar-ew1qw
    @RahulKumar-ew1qw 3 ปีที่แล้ว

    Thnx bro, I will wait your next video..👍

  • @gilbertmizrahi5471
    @gilbertmizrahi5471 ปีที่แล้ว

    Thank you. This is very useful. 👌

  • @PraveenKumar-ft2kr
    @PraveenKumar-ft2kr 2 ปีที่แล้ว +1

    Soo good brother... Thank you 😃

  • @charuhas1602
    @charuhas1602 ปีที่แล้ว

    Best tutorials..Thanks

  • @rilangkishabong1723
    @rilangkishabong1723 3 ปีที่แล้ว

    Very helpful content. Thank you brother

  • @JoshuaMusau
    @JoshuaMusau 11 หลายเดือนก่อน

    Thanks man...

  • @rangabharath4253
    @rangabharath4253 3 ปีที่แล้ว

    Awesome as always bro 🥳🎉

  • @alexcostal3749
    @alexcostal3749 ปีที่แล้ว

    Amazing Video Brother 😎

  • @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

  • @chiranjeevichowdary5948
    @chiranjeevichowdary5948 3 ปีที่แล้ว

    Waiting for the next video

  • @RahulKumar-ew1qw
    @RahulKumar-ew1qw 3 ปีที่แล้ว +1

    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 ปีที่แล้ว +1

      Maybe you haven't imported in index.js.
      Try to compare with my code, it's in description

    • @RahulKumar-ew1qw
      @RahulKumar-ew1qw 3 ปีที่แล้ว +1

      I have done bro , app is now working

    • @sachinlingwal2325
      @sachinlingwal2325 3 ปีที่แล้ว

      same error

  • @anujgupta9167
    @anujgupta9167 2 ปีที่แล้ว

    Awesome as always bro

  • @AGriffith
    @AGriffith 2 ปีที่แล้ว +1

    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

  • @narenNKchaudhary
    @narenNKchaudhary ปีที่แล้ว

    Can you share what best extension of VS code, we can use for the quick coding?

  • @ashish_prajapati_tr
    @ashish_prajapati_tr 2 ปีที่แล้ว +1

    you are awesome

  • @chronicinsomnia8712
    @chronicinsomnia8712 ปีที่แล้ว

    Is there any way to handle cart items quantity and single item price based on qty using context ?

  • @chiranjeevichowdary5948
    @chiranjeevichowdary5948 3 ปีที่แล้ว

    Waiting for ur next video from a week upload it asap!!

  • @capricious-agent-007
    @capricious-agent-007 ปีที่แล้ว

    thanks

  • @davidbaraiya2649
    @davidbaraiya2649 ปีที่แล้ว +1

    so can you make a video in hindi too ?
    my english is not a good at understand.

  • @CodexGem
    @CodexGem 2 ปีที่แล้ว +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 ปีที่แล้ว +1

      @@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

  • @webber5629
    @webber5629 2 ปีที่แล้ว

    how to change Total price if we increase the quantity of item

  • @A9kit.k
    @A9kit.k 2 ปีที่แล้ว

    Great 👏🏻👏🏻

  • @pawan_kumar5555
    @pawan_kumar5555 ปีที่แล้ว +2

    faker npm is not working and other error please fix this source code in updated version

  • @nehanalini1606
    @nehanalini1606 2 ปีที่แล้ว +1

    faker is not working..I see nothing in the npm official page

  • @kyawzinthant170
    @kyawzinthant170 2 ปีที่แล้ว

    amazing just finish it

  • @arupde6320
    @arupde6320 3 ปีที่แล้ว

    good job .. keep uploading .

  • @jsagar95
    @jsagar95 2 ปีที่แล้ว

    Thanks!

  • @ShahnewazTameem
    @ShahnewazTameem ปีที่แล้ว

    which extension you are using for auto camel case while typing the state expression?

    • @RoadsideCoder
      @RoadsideCoder  ปีที่แล้ว +1

      just press "tab" key when u type the name

  • @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

  • @sanketsuryawanshi
    @sanketsuryawanshi 2 ปีที่แล้ว

    Thanks a lot

  • @dhirajshah6738
    @dhirajshah6738 ปีที่แล้ว

    osm brother...

  • @kanganagarwal
    @kanganagarwal 2 ปีที่แล้ว

    Awesome

  • @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

  • @kollivenkatesh2545
    @kollivenkatesh2545 5 หลายเดือนก่อน

    Images not displayed

  • @GMERT
    @GMERT 2 ปีที่แล้ว

    Hello. please do a video of paxful clone for us. along with the backend.

    • @RoadsideCoder
      @RoadsideCoder  2 ปีที่แล้ว +1

      I've already done a video on Cryptocurrency tracker, check my videos

  • @fazilhakkim1091
    @fazilhakkim1091 ปีที่แล้ว

    fakers is not working for me bro can you please help

  • @noobCoder26
    @noobCoder26 3 ปีที่แล้ว

    great

  • @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  2 ปีที่แล้ว

      That shouldn't be the case, what's different?

  • @excellencevictorkingsley6921
    @excellencevictorkingsley6921 ปีที่แล้ว

    Is faker still in use this 2023?

  • @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

  • @darjipavan5112
    @darjipavan5112 3 ปีที่แล้ว

    React JS me Education website banaiye sir ji 🤗

  • @jorgedelamora5905
    @jorgedelamora5905 2 ปีที่แล้ว

    How can i do it with local json?

  • @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?

  • @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?

  • @aishwarysaxena505
    @aishwarysaxena505 ปีที่แล้ว +1

    @faker is no more!!!

  • @parijatkumar1406
    @parijatkumar1406 ปีที่แล้ว

    faker is not working

  • @ajadreddy3851
    @ajadreddy3851 2 ปีที่แล้ว

    Yaar this is not at all working ,always showing a bunch of errors even if i copy the code

  • @sahilsharma1inspirationalTape
    @sahilsharma1inspirationalTape ปีที่แล้ว +1

    ya to smjhaale ya fir css kr le

  • @smrpkrl
    @smrpkrl 10 หลายเดือนก่อน

    5:24

  • @keerthimurgan4809
    @keerthimurgan4809 ปีที่แล้ว

    whatever you coded im not getting here properly

  • @alimirhashimli2727
    @alimirhashimli2727 2 ปีที่แล้ว

    I think this faker does not work

  • @satrioutomo1077
    @satrioutomo1077 3 ปีที่แล้ว

    enable subtitle pls

    • @RoadsideCoder
      @RoadsideCoder  3 ปีที่แล้ว

      There must be autogenerated ones

  • @abhishekthakur7578
    @abhishekthakur7578 ปีที่แล้ว

    bhai itne fast mat kyu pada rahe ho kahi jana hai kya

  • @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

  • @Mukeshkrk108
    @Mukeshkrk108 2 ปีที่แล้ว

    English theek hai iski mgar ye msjha nhi pata hai , shayad bs dekh dekh ke kra rha hai ,

    • @TravelwithPujarini
      @TravelwithPujarini 2 ปีที่แล้ว +2

      Uski English toh sahi hai but Tum Apni sahi kr lo. ✌🏻

  • @imnemo2327
    @imnemo2327 2 ปีที่แล้ว +1

    🤯🤯🤯🤯🤯😨😨 🚪🚶

  • @wolverine_d_king9422
    @wolverine_d_king9422 ปีที่แล้ว

    Superb explanation❤️