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

Поділитися
Вставка
  • Опубліковано 25 сер 2024

КОМЕНТАРІ • 157

  • @adaezeikemefuna9592
    @adaezeikemefuna9592 2 роки тому +11

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

  • @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 2 роки тому +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'

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

  • @ashwinpatidar2878
    @ashwinpatidar2878 Рік тому +2

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

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

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

    • @RoadsideCoder
      @RoadsideCoder  2 роки тому +1

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

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

  • @rakaa31
    @rakaa31 2 роки тому +1

    your react videos are so helpful!

  • @carlosjosepereira4911
    @carlosjosepereira4911 3 дні тому

    Thank you very much!

  • @ascodes3461
    @ascodes3461 2 роки тому +1

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

  • @azadhuseynzade8543
    @azadhuseynzade8543 2 роки тому +1

    Thanks,You explained so well👍

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

  • @Dev-Phantom
    @Dev-Phantom Рік тому +1

    good understanding .... i really liked it.

  • @dimitriitkach7697
    @dimitriitkach7697 Рік тому

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

  • @faisalahammad
    @faisalahammad 2 роки тому

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

  • @Tahir_Musharraf
    @Tahir_Musharraf 2 роки тому

    Explained very well. Thank You!

  • @sheydahafezifar8850
    @sheydahafezifar8850 Рік тому

    it was really helpful. thank you so much!

  • @27Jaswanth
    @27Jaswanth 2 роки тому +2

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

  • @sohadmad1823
    @sohadmad1823 Рік тому

    Amazing!!!Thank you very much😍😍

  • @surajkumar-wz1br
    @surajkumar-wz1br 2 роки тому

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

  • @usa5450
    @usa5450 Рік тому

    Underrated channel

  • @IllIIIIIIllll
    @IllIIIIIIllll 8 місяців тому

    Thank you sir ❤.

  • @mohitsaud2071
    @mohitsaud2071 3 роки тому

    Thank you for your wonderful teaching. Love from Nepal.

  • @arpitkolwar5916
    @arpitkolwar5916 Рік тому

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

  • @cswithabdullah2638
    @cswithabdullah2638 2 роки тому

    Thank you very much for this valuable tutorial.

  • @gilbertmizrahi5471
    @gilbertmizrahi5471 Рік тому

    Thank you. This is very useful. 👌

  • @viralthakar164
    @viralthakar164 3 місяці тому

    Superb tutorial ❤❤❤❤

  • @jorgedelamora5905
    @jorgedelamora5905 2 роки тому

    Bro you are such a nice guy, ty!

  • @RahulKumar-ew1qw
    @RahulKumar-ew1qw 3 роки тому

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

  • @charuhas1602
    @charuhas1602 Рік тому

    Best tutorials..Thanks

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

  • @sashirkl
    @sashirkl 2 місяці тому

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

  • @PraveenKumar-ft2kr
    @PraveenKumar-ft2kr 2 роки тому +1

    Soo good brother... Thank you 😃

  • @brave364
    @brave364 7 місяців тому

    really a great work bro

  • @rangabharath4253
    @rangabharath4253 3 роки тому

    Awesome as always bro 🥳🎉

  • @anujgupta9167
    @anujgupta9167 2 роки тому

    Awesome as always bro

  • @JoshuaMusau
    @JoshuaMusau 11 місяців тому

    Thanks man...

  • @wolverine_d_king9422
    @wolverine_d_king9422 Рік тому

    Superb explanation❤️

  • @ashish_prajapati_tr
    @ashish_prajapati_tr 2 роки тому +1

    you are awesome

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

  • @alexcostal3749
    @alexcostal3749 Рік тому

    Amazing Video Brother 😎

  • @rilangkishabong1723
    @rilangkishabong1723 3 роки тому

    Very helpful content. Thank you brother

  • @anilkapse3415
    @anilkapse3415 2 роки тому

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

  • @chiranjeevichowdary5948
    @chiranjeevichowdary5948 3 роки тому

    Waiting for the next video

  • @A9kit.k
    @A9kit.k 2 роки тому

    Great 👏🏻👏🏻

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

  • @jsagar95
    @jsagar95 2 роки тому

    Thanks!

  • @dhirajshah6738
    @dhirajshah6738 Рік тому

    osm brother...

  • @capricious-agent-007
    @capricious-agent-007 Рік тому

    thanks

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

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

  • @kyawzinthant170
    @kyawzinthant170 2 роки тому

    amazing just finish it

  • @narenNKchaudhary
    @narenNKchaudhary Рік тому

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

  • @nehanalini1606
    @nehanalini1606 2 роки тому +1

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

  • @chronicinsomnia8712
    @chronicinsomnia8712 Рік тому

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

  • @arupde6320
    @arupde6320 3 роки тому

    good job .. keep uploading .

  • @sanketsuryawanshi
    @sanketsuryawanshi 2 роки тому

    Thanks a lot

  • @kanganagarwal
    @kanganagarwal 2 роки тому

    Awesome

  • @davidbaraiya2649
    @davidbaraiya2649 Рік тому +1

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

  • @kollivenkatesh2545
    @kollivenkatesh2545 5 місяців тому

    Images not displayed

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

  • @excellencevictorkingsley6921

    Is faker still in use this 2023?

  • @chiranjeevichowdary5948
    @chiranjeevichowdary5948 3 роки тому

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

  • @webber5629
    @webber5629 2 роки тому

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

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

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

  • @fazilhakkim1091
    @fazilhakkim1091 Рік тому

    fakers is not working for me bro can you please help

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

  • @noobCoder26
    @noobCoder26 3 роки тому

    great

  • @pawan_kumar5555
    @pawan_kumar5555 Рік тому +2

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

  • @parijatkumar1406
    @parijatkumar1406 Рік тому

    faker is not working

  • @jorgedelamora5905
    @jorgedelamora5905 2 роки тому

    How can i do it with local json?

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

  • @sumitsingh2889
    @sumitsingh2889 2 роки тому

    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?

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

  • @aishwarysaxena505
    @aishwarysaxena505 Рік тому +1

    @faker is no more!!!

  • @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 9 місяців тому

    5:24

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

  • @keerthimurgan4809
    @keerthimurgan4809 Рік тому

    whatever you coded im not getting here properly

  • @alimirhashimli2727
    @alimirhashimli2727 Рік тому

    I think this faker does not work

  • @darjipavan5112
    @darjipavan5112 3 роки тому

    React JS me Education website banaiye sir ji 🤗

  • @satrioutomo1077
    @satrioutomo1077 3 роки тому

    enable subtitle pls

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

    🤯🤯🤯🤯🤯😨😨 🚪🚶