React Redux Toolkit with Project | Redux Middleware Thunk | React Redux Tutorial For Beginners - 2

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

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

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

    Guys, if the video is helpful or you learned something than please appreciate and hit the LIKE and SUBSCRIBE button and help this channel to GROW😉

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

      hello, can this project deploy on the server like goDaddy or herokku since you use third party omdb api?

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

      Hey Dipesh, I'm your subscriber. I have one issue. I tried to upload to git and later to Netlifty. However I get Error in Netlifty but it works fine in Local host. Please help me. How do I fix this?
      Error: Uncaught TyprError: Cannot read properties of Undefined(reading: 'Response')

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

      Kindly ! give source code of this

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

    You are the best tutor for React indeed..Thanks for the tutorials

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

    it is really nice I followed the complete tutorial and implemented successfully, now redux toolkit is very much clear, thanks Dipesh.

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

    Thank you so much, now I utilise my upcomming weekends to learn this

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

    I'm sure that there is an easy explanation for this question and I just can't figure it out, but how would one make an API call to all movies, not just 'Harry' ?

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

    Thank you so much. It helped a lot to understand async thunk properly

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

    Completed the projected,There was some problems with the router version but still completed the whole project.Thank you for your effort

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

    Hi Dipesh, thank you for the tutorials. they are really helpful. Kudos to you! :)
    Can we please see inclusion of auth to this project in part 3? Authentication is the most crucial part of an application. There are so many react tutorials but only a few(or may be not even one) talk about "perfect authentication implementation in react" specially using access/refresh tokens.
    If we have that in this series, it will connect all the dots for any beginner who is watching this.
    Thanks a ton.

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

      Working on a separate video for Authentication with React + Firebase.

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

      There is no "perfect authentication implementation in react", you will have to get comfortable with one.

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

    great to explain redux ...😍

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

    Thanks so much mr.Dipesh. Greetings from Azerbaijan.

  • @PIYUSH-lz1zq
    @PIYUSH-lz1zq 2 ปีที่แล้ว +1

    Thanks bhaiya this was soo good tutorial . being watching your playlists 👌👌❤❤⭐⭐⭐⭐⭐⭐
    make a playlist or a post on reactjs interview questions based on lasted version and recent development !!

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

    Your video outstanding bro, thanks for your hard-working

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

    Awesome teaching +++++++++++++++++++ 😃

  • @md.saifurrahaman223
    @md.saifurrahaman223 2 ปีที่แล้ว +1

    Dipesh Malvia brother can you tell me please why &i=${id} is getting undefined while requesting for a get request?

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

    I hope to do this exact project on my machine

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

    Can you give me a suggestions for how to deploy our react into firebase .
    Pls give me sample code to post a react to firebase👏👏

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

    Thank you for the tutorial, and I just want to ask. How to prevent to many request, calling many APIs and search filter. using the axios

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

      You can try using cancel token in axios - github.com/axios/axios/issues/1714

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

    Hi Dipesh, great video can you please also implement search option where we can able to search movies asynchronously.

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

    Thanks

  • @surafelnegaalemayehu1080
    @surafelnegaalemayehu1080 9 หลายเดือนก่อน +1

    thank you bro

    • @DipeshMalvia
      @DipeshMalvia  9 หลายเดือนก่อน

      You're welcome!

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

    Thank you man this video was so good

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

    This a masterpiece for tutorials. Thanks So much

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

    Please do vid on server side searh,dropdown filter,dialog in redux

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

    hello, can this project deploy on the server like goDaddy or herokku since you use third party omdb api?

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

    Bro where did you get that mic from? It is very good. Please post link so I can buy or give name brand please. Thank you

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

    Thank you!! Great explanation! Topnotch content

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

    This is so insane!! Thank you for sharing your knowledge!

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

    good

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

    Hello Dipesh.
    I'm learning to use Redux with your videos.
    Thank you very much.
    I've recently encountered a bug that another viewer has asked for a solution here in the comments. Could you shade some light?
    It's about the line and usage of the hook useParams from react-router.
    let imdbID = useParams() // undefined
    let { imdbID } = useParams() // {"Response":"False","Error":"Conversion from string "undefined" to type 'Double' is not valid."}
    I'm going to look further into it tomorrow and post an update if I find a workaround.
    Good night. Regards!

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

      As of today I could kind of move forward with the app.
      I used a rather raunchy workaround as a solution until I find more info on the mentioned bug.
      What I did was use the useLocation hook from react-router. Then I did:
      let imdbID = useLocation().pathname.slice(8)
      That gives you the code as a string, clean and ready to use. It's really bad code, but I want to finish the app lol.

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

    Wow sir very nice thanks

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

    wao

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

    This project video was really helpful. Thanks a lot. Could you please implement same project using Toolkit and Redux Saga also. If you can create a whole playlist using Saga and toolkit then it would be really helpful to us.

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

    Please make a video on how to use redux rtk query with tookit combined way

  • @Ganesh-ld8ph
    @Ganesh-ld8ph 2 ปีที่แล้ว

    Hi bro,
    What is the different between createslice vs createreducer what to use and which is better, please explain in your style.

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

    thank you really useful video, would be great if you could give the link of source code

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

      Please check the description I have added the GitHub link.

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

    Please help to undestand extrareducer part and

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

    Humbly request brother please make video on formik.

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

    Thank you so much!

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

    your talk and face very nice

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

    Hi there, anyone knows how to solve this problem: {"Response":"False","Error":"Conversion from string ":1201607" to type 'Double' is not valid."} Im on a part MovieDetail trying to fetch the data into JSX elements, and that's what console.log(data) gives me.

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

      Did u get a chance to resolve the issue? I am stuck too

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

    Add pagination and sort by option also please

  • @ma.fernanda.
    @ma.fernanda. 2 ปีที่แล้ว

    Thanks!!

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

    after I add cleanup code " return () => {
    dispatch(removeSelectedMovieOrShow());
    }; " in the useEffect, Iam getting this error, TypeError: Object(...) is not a function. Is there any solution?

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

      Can you take reference from the GitHub link added in the description of the video.

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

    why do u say it as synchronous action creator and asynchronous action creator .. thats wrong i think... both are asynchronous .. the difference is one is made from component and the other one is made from redux store.. please correct that because it will confuse the beginners.. btw good video..

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

    My movies are not set in movies after extra reducers anyone can help me?

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

      After 3 hours of debugging I found that I am use Fetch Data instead of fetch movies in pending or fulfilled state😓🤣

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

    Guys, the useParams is returning undefined. I tried everything. I'm even trying with the Dipeshs files. Please help! I wanna finish this turorial. Thanks

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

      Did you define the parameter name properly and used the same name in your useParams ?

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

      @@DipeshMalvia Hi Dipesh, first I want to thank you for your work and the tutorias which are great. Yes, they are the same. I even copy and pasted from you GitHub. The App that generates the Route and the Details companent.

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

      here is the console print: {"Response":"False","Error":"Conversion from string "undefined" to type 'Double' is not valid."} Thank you Dipesh

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

      @@lisandroancewicz7821 Hello. Did you find a solution to this problem? I'm having the same issue and can't seem to find a workaround. Thank you in advance.

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

      ​@@lisandroancewicz7821 I used a rather raunchy workaround as a solution until I find more info on that bug. What I did was use the useLocation hook from react-router. Then I did:
      let imdbID = useLocation().pathname.slice(8)
      That gives you the code as a string, clean and ready to use. It's really bad code, but I want to finish the app lol.

  • @user-ss3ih5cx3w
    @user-ss3ih5cx3w ปีที่แล้ว

    Короч, у кого проблема: {"Response":"False","Error":"Conversion from string ":1201607" to type 'Double' is not valid."} допиши в MovieDetail, в useEffect так:
    useEffect(() => {
    dispatch(fetchAsyncDetail(imdbID.slice(1)))
    }, [dispatch, imdbID])
    console.log(data)
    Допишите .slice(1) к imdbID

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

    thanks