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

Sdílet
Vložit
  • čas přidán 4. 09. 2024

Komentáře • 157

  • @alaluddin6651
    @alaluddin6651 Před 2 lety +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 Před 3 lety +3

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

  • @vivekgoswami1474
    @vivekgoswami1474 Před 2 lety +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 Před 2 lety +11

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

  • @ashwinpatidar2878
    @ashwinpatidar2878 Před rokem +2

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

  • @mutantthegreat7963
    @mutantthegreat7963 Před 2 lety +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 Před 2 lety +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

  • @ziyaulrana1840
    @ziyaulrana1840 Před 2 lety +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 CZcams

    • @RoadsideCoder
      @RoadsideCoder  Před 2 lety +1

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

  • @hirentecheshta3290
    @hirentecheshta3290 Před 2 lety +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?

  • @PradeepSingh-fq3zr
    @PradeepSingh-fq3zr Před rokem

    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 Před rokem

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

  • @ascodes3461
    @ascodes3461 Před 2 lety +1

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

  • @faisalahammad
    @faisalahammad Před 2 lety

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

  • @arpitkolwar5916
    @arpitkolwar5916 Před rokem

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

  • @mohitsaud2071
    @mohitsaud2071 Před 3 lety

    Thank you for your wonderful teaching. Love from Nepal.

  • @Tahir_Musharraf
    @Tahir_Musharraf Před 2 lety

    Explained very well. Thank You!

  • @rakaa31
    @rakaa31 Před 2 lety +1

    your react videos are so helpful!

  • @Dev-Phantom
    @Dev-Phantom Před rokem +1

    good understanding .... i really liked it.

  • @surajkumar-wz1br
    @surajkumar-wz1br Před 2 lety

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

  • @27Jaswanth
    @27Jaswanth Před 2 lety +2

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

  • @azadhuseynzade8543
    @azadhuseynzade8543 Před 2 lety +1

    Thanks,You explained so well👍

  • @sheydahafezifar8850
    @sheydahafezifar8850 Před rokem

    it was really helpful. thank you so much!

  • @viralthakar164
    @viralthakar164 Před 3 měsíci

    Superb tutorial ❤❤❤❤

  • @carlosjosepereira4911
    @carlosjosepereira4911 Před 14 dny

    Thank you very much!

  • @cswithabdullah2638
    @cswithabdullah2638 Před 2 lety

    Thank you very much for this valuable tutorial.

  • @sohadmad1823
    @sohadmad1823 Před rokem

    Amazing!!!Thank you very much😍😍

  • @hitsharnam3177
    @hitsharnam3177 Před 2 lety

    I like your video as soon as i click on it. Because i know it's going to be awesome. You are amazing.

  • @sashirkl
    @sashirkl Před 2 měsíci

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

  • @usa5450
    @usa5450 Před 2 lety

    Underrated channel

  • @brave364
    @brave364 Před 7 měsíci

    really a great work bro

  • @anilkapse3415
    @anilkapse3415 Před 2 lety

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

  • @jorgedelamora5905
    @jorgedelamora5905 Před 2 lety

    Bro you are such a nice guy, ty!

  • @rishabhtripathi6032
    @rishabhtripathi6032 Před 2 lety +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 Před 2 lety

      Hey ur prblm solved not? I am also facing same issue

    • @rishabhtripathi6032
      @rishabhtripathi6032 Před 2 lety

      @@vivekgoswami1474 not yet because faker.js package are outdated and not working do you have any Solution ?

    • @vivekgoswami1474
      @vivekgoswami1474 Před 2 lety +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 Před 8 měsíci

    Thank you sir ❤.

  • @RahulKumar-ew1qw
    @RahulKumar-ew1qw Před 3 lety

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

  • @gilbertmizrahi5471
    @gilbertmizrahi5471 Před rokem

    Thank you. This is very useful. 👌

  • @PraveenKumar-ft2kr
    @PraveenKumar-ft2kr Před 2 lety +1

    Soo good brother... Thank you 😃

  • @charuhas1602
    @charuhas1602 Před rokem

    Best tutorials..Thanks

  • @rilangkishabong1723
    @rilangkishabong1723 Před 3 lety

    Very helpful content. Thank you brother

  • @JoshuaMusau
    @JoshuaMusau Před 11 měsíci

    Thanks man...

  • @rangabharath4253
    @rangabharath4253 Před 3 lety

    Awesome as always bro 🥳🎉

  • @alexcostal3749
    @alexcostal3749 Před rokem

    Amazing Video Brother 😎

  • @jigarjoshi9198
    @jigarjoshi9198 Před 2 lety

    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

    Waiting for the next video

  • @RahulKumar-ew1qw
    @RahulKumar-ew1qw Před 3 lety +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...

  • @anujgupta9167
    @anujgupta9167 Před 2 lety

    Awesome as always bro

  • @AGriffith
    @AGriffith Před 2 lety +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  Před 2 lety

      Yeah, I believe it'll be working, or atleast the previous versions

  • @narenNKchaudhary
    @narenNKchaudhary Před rokem

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

  • @ashish_prajapati_tr
    @ashish_prajapati_tr Před 2 lety +1

    you are awesome

  • @chronicinsomnia8712
    @chronicinsomnia8712 Před rokem

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

  • @chiranjeevichowdary5948

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

  • @capricious-agent-007
    @capricious-agent-007 Před rokem

    thanks

  • @davidbaraiya2649
    @davidbaraiya2649 Před rokem +1

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

  • @CodexGem
    @CodexGem Před 2 lety +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 Před 2 lety

      Can you please explain why normal npm install was not working?

    • @vivekgoswami1474
      @vivekgoswami1474 Před 2 lety

      Thanx man

    • @CodexGem
      @CodexGem Před 2 lety +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 Před 2 lety

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

  • @A9kit.k
    @A9kit.k Před 2 lety

    Great 👏🏻👏🏻

  • @pawan_kumar5555
    @pawan_kumar5555 Před rokem +2

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

  • @nehanalini1606
    @nehanalini1606 Před 2 lety +1

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

  • @kyawzinthant170
    @kyawzinthant170 Před 2 lety

    amazing just finish it

  • @arupde6320
    @arupde6320 Před 3 lety

    good job .. keep uploading .

  • @jsagar95
    @jsagar95 Před 2 lety

    Thanks!

  • @ShahnewazTameem
    @ShahnewazTameem Před rokem

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

  • @abhisekgupta1543
    @abhisekgupta1543 Před 2 lety

    at 35:30 my site do not show header home cart on home page even after changing url to localhost:3000/cart

    • @manoyal
      @manoyal Před 2 lety

      use react router v6, the react router in this video is out dated, check the documentation online

  • @sanketsuryawanshi
    @sanketsuryawanshi Před 2 lety

    Thanks a lot

  • @dhirajshah6738
    @dhirajshah6738 Před rokem

    osm brother...

  • @kanganagarwal
    @kanganagarwal Před 2 lety

    Awesome

  • @TruthSeeker23-m4o
    @TruthSeeker23-m4o Před rokem

    faker not working for me :( its not able to find faker even after correct package is installed

    • @camo4970
      @camo4970 Před rokem

      you can make a separate component with all the data instead

  • @kollivenkatesh2545
    @kollivenkatesh2545 Před 5 měsíci

    Images not displayed

  • @GMERT
    @GMERT Před 2 lety

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

    • @RoadsideCoder
      @RoadsideCoder  Před 2 lety +1

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

  • @fazilhakkim1091
    @fazilhakkim1091 Před rokem

    fakers is not working for me bro can you please help

  • @noobCoder26
    @noobCoder26 Před 3 lety

    great

  • @sumitsingh2889
    @sumitsingh2889 Před 3 lety

    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  Před 2 lety

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

  • @excellencevictorkingsley6921

    Is faker still in use this 2023?

  • @ronakkarmakar6356
    @ronakkarmakar6356 Před 2 lety

    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 Před 2 lety

      Same issue bro...how did you fix it?

    • @manoyal
      @manoyal Před 2 lety

      use react router v6, the react router in this video is out dated, check the documentation online

    • @vivekgoswami1474
      @vivekgoswami1474 Před 2 lety

      Gyuz my faker not working what is d issue anyone here can help?

    • @vivekgoswami1474
      @vivekgoswami1474 Před 2 lety

      @@manoyal help

    • @vivekgoswami1474
      @vivekgoswami1474 Před 2 lety

      @@abhisekgupta1543 help

  • @darjipavan5112
    @darjipavan5112 Před 3 lety

    React JS me Education website banaiye sir ji 🤗

  • @jorgedelamora5905
    @jorgedelamora5905 Před 2 lety

    How can i do it with local json?

  • @akashghosh3257
    @akashghosh3257 Před 2 lety

    Any help for Faker. I tried the older version too.

    • @priyankapriya9945
      @priyankapriya9945 Před rokem

      yes faker is deprecated. it's no longer working now

    • @mausichilenduk7178
      @mausichilenduk7178 Před rokem

      @@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 Před 2 lety

    Anyone who has faced tried to delete items in the cart and all items got deleted , after using includes method

  • @aishwarysaxena505
    @aishwarysaxena505 Před rokem +1

    @faker is no more!!!

  • @parijatkumar1406
    @parijatkumar1406 Před rokem

    faker is not working

  • @ajadreddy3851
    @ajadreddy3851 Před 2 lety

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

  • @sahilsharma1inspirationalTape

    ya to smjhaale ya fir css kr le

  • @smrpkrl
    @smrpkrl Před 10 měsíci

    5:24

  • @keerthimurgan4809
    @keerthimurgan4809 Před rokem

    whatever you coded im not getting here properly

  • @alimirhashimli2727
    @alimirhashimli2727 Před 2 lety

    I think this faker does not work

  • @satrioutomo1077
    @satrioutomo1077 Před 3 lety

    enable subtitle pls

  • @abhishekthakur7578
    @abhishekthakur7578 Před rokem

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

  • @AMG-cc7pi
    @AMG-cc7pi Před rokem

    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 Před 2 lety

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

  • @imnemo2327
    @imnemo2327 Před 2 lety +1

    🤯🤯🤯🤯🤯😨😨 🚪🚶

  • @wolverine_d_king9422
    @wolverine_d_king9422 Před rokem

    Superb explanation❤️