I want to truly thank you for this video bc this is exactly what i have learned and need a project for axios, react-redux, redux toolkit, router-dom. Thank you so much again
In react-router-dom v6, "Switch" is replaced by routes "Routes". You need to update the import from import { Switch, Route } from "react-router-dom"; to import { Routes ,Route } from 'react-router-dom';
@@DipeshMalvia appreciate your reply. thunk is my choice,but some company's use this generator function and saga with redux is bit hard to understand,we are waiting :)
please,Can you help me my keyApi doesn't work ? and console give me error Unchecked runtime.lastError: The message port closed before a response was received. what can I doing?
Idea(redux store):- / small form app which have 3 pages journey ( 1st and 2nd page have form page and 3rd on is dashboad the form data) -- So on the first page when user loads the page api should call the pre-filled the fields and now user try to edit form and proceed then calling the api when api get success user will navigate user navigate to separate route means 2nd page. -- Once user come in 2nd page if user try to back to the previous route then api call should not be called and the data should be pre-filled whatever user modified on proceed.
Bhai redux is the main thing, global state management solution.. but it was a little complicated so the redux team has released redux toolkit to do the same thing... So what you ideally need to do is, go through redux tutorials first and why we need redux, and after that you can refer to redux toolkit to make your life easier... Even if you don't learn redux toolkit, it's all fine... You'd still be able to do what you need to.
You need to use THUNK only when you want to have Async action creators. We will see how we convert Sync action creators into Async in second part of this video.
hi, I don´t speak english, espero me puedas leer, soy totalmente nuevo con redux toolkit, y tengo un error que desconozco pero es al momento de pasarle datos al reducer mediante axios, no me deja ocupar async/await y tampoco me deja utilizar promesas de la manera tradicional de vanilla, me da el siguiente error; error revoked get onlineService(payload) // my function api query users .then(({ data }) => { state.user = { online: true, content: data.data, token: data.token, }; }) .catch((err) => console.log(err));
dipesh your redux tutorial is amazing but your code is showing an error with regard to arrow function in movie listing i saw your code again and again and mine is absolutely identical but still an error is coming that arrrow function expects a return statement
If you are using React Router Dom V6 then these will not work. You can take reference from my other video how React router v6 works - Code Refactoring : Context API | React Router V6 | Learn React JS with Project in 2 Hours th-cam.com/video/ZZOkCrQ2iLk/w-d-xo.html
Hi @Dipesh I followed you till time stamp 55:33 but later on I faced issue in code renderMovies = movies.Response === "True" ? ( movies.Search.map((movie,index) => { })): (Error) It was not able to render MovieCard compoent was not able to display component checked everything but not helped Thanks .
you have to write render in the map function before curly brackets if you don't want to write return then remove curly brackets your problem will be solved
![[Part 1] รักมาไม่ทันตั้งตัว❤ หนุ่มสาวโสดถูกจับมาแต่งงานกันกะทันหัน แถมเธอยังเป็นหัวหน้าของเขา?!](http://i.ytimg.com/vi/y2pOOMkuFI0/mqdefault.jpg)
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😉
I want to truly thank you for this video bc this is exactly what i have learned and need a project for axios, react-redux, redux toolkit, router-dom. Thank you so much again
This is AMAZING!!! thank you so much for sharing!!!!!!! it helps me A LOT
Glad it helped!
Now I'm learning redux perfectly by reffering your video's 🎊 Thank you so much 🎊
Superb!
bro , why he has put ?apiKey=${APIKey} shouldn't be it like apiKey=${APIKey}
Thanks bro! This video vas very helpful! Cheeers from Russia
Welcome and Keep watching!
Very good redux toolkit tutorial. Was really helpful. Thanks
I just listened for only few minutes and I already knew its a great video by great instructor. well done
Bro , what's difference between redux and redux toolkits
@@PIYUSH-lz1zq redux will come with huge boilerplate code which is reduced to a lot of extent in redux-toolkit
Great video
Thanks for making such a GOOd videos
Glad you like them!
bro , why he has put ?apiKey=${APIKey} shouldn't be it like apiKey=${APIKey}
thank you Dipesh. am a beginner and your react-redux tutorials has really helped my personal development.
In react-router-dom v6, "Switch" is replaced by routes "Routes". You need to update the import from
import { Switch, Route } from "react-router-dom";
to
import { Routes ,Route } from 'react-router-dom';
Thanks for the updated code
Have you completed doing this video?
AWESOME !!! THANKS A LOT IT'S CRISTAL CLEAR FOR REAL !!!
by the way thank u man you are amazing :) clear easy and usefull
Glad it helped!
Super Explanation - No Lag - I loved your teaching ❤❤
I like it, how you explain everything from scratch, some other tutorial just start to code, and write some alien's code that we don't understand
Thanks! keep watching 😊
Thanks for making such a quality videos
Welcome!
Very well explained Dipesh. Thank 🤝👍
Hi, I learn Everything react from your channel. Thanks.
Thanks for supporting the channel.
Awesome teaching +++++++++++++++++++ 😃
Thank you! 😃
Amazing video sir!!
Thanks!
Thank you so much it’s an amazing video.
Can you do one with toolkit and typescript🤞🏻
That's the plan.
bro , why he has put ?apiKey=${APIKey} shouldn't be it like apiKey=${APIKey}
So good tutorial thank you
Glad it was helpful!
Thank you ❤️ it's really best content 😊
Most welcome 😊
Thx bro great work 👏👏
Actually I am restarting to learn React and this project is the perfect start.
You can do it!
Bro , what's difference between redux and redux toolkits
In terms of react snippets, nothing beats ES7 React/Redux/GraphQL/React-Native snippets
Great and useful video!
I am following this project
Its really help me a lot thank you bro
Welcome!
Waah! What a great video. Learn a lot.
Glad you liked it!
bro , why he has put ?apiKey=${APIKey} shouldn't be it like apiKey=${APIKey}
Thank you so much.
You're welcome!
Thank you bro very appreciated
Welcome!
Thanks for the video ❤️
You’re welcome 😊
Thank you so much bro, you was very clear and helpfull :D
Whatta explanation!!!
Thanks Chiranjeevi!
Thanks, Dipesh for the amazing class series and keep up the good working
You are doing amazing work bro
I learning a lot from you
Thank you🎉🎉
Great stuff brother 🙏
Thanks !
Excellent!
Bro , what's difference between redux and redux toolkits
awesome
Love it
Glad you enjoyed!
Great work ❤️
You makes everything easy 💙
Waiting for Nodejs also
can we used RTQ query or RTQ only will be enough ????.... and if we can how can we make this if you have already etrareducers
Please make a video using redux rtk query Nd toolkit with authentication waiting for your response@deepesh
Thanks for the amazing video !!! When you are going to upload the next part !?? Please add the search functionality also.
Thanks!!
Please use redux persistent storage as well
hey dipesh plzz made video on contact form in pure usestate without classes
Already have a video on useState - th-cam.com/video/P24EuJlVKb0/w-d-xo.html
@@DipeshMalvia ok thank you 🙏🏼
Next Video Plz On React Redux
On Thursday 😊
@@DipeshMalvia Okay waiting , will it be the last part ?
Thank you Dipesh for your video. When are you releasing the second part? Are you going to do any video with RTK Query?
RTK Query added to my list.
bro , why he has put ?apiKey=${APIKey} shouldn't be it like apiKey=${APIKey}
@@PIYUSH-lz1zq the question mark is for adding query parameters in the URL.
@@DipeshMalvia does it depend on api and its parameters ?
Hi thanks for video,can you use thunk example and saga example both,bcz saga example are very rare.
Great suggestion! I don't like saga and more comfortable with using Thunk. Still I will take a note and make a video with saga example.
@@DipeshMalvia appreciate your reply. thunk is my choice,but some company's use this generator function and saga with redux is bit hard to understand,we are waiting :)
Will you record a video about RxJS with React? Maybe a stopwatch or other app ? Also thanks a lot very good explanation 👍
you can write "rafce" to no need to write component name inside div.
please,Can you help me my keyApi doesn't work ? and console give me error Unchecked runtime.lastError: The message port closed before a response was received. what can I doing?
you should activate your Api key if you didn't know.
Idea(redux store):- / small form app which have 3 pages journey ( 1st and 2nd page have form page and 3rd on is dashboad the form data)
-- So on the first page when user loads the page api should call the pre-filled the fields and now user try to edit form and proceed then calling the api when api get success user will navigate user navigate to separate route means 2nd page.
-- Once user come in 2nd page if user try to back to the previous route then api call should not be called and the data should be pre-filled whatever user modified on proceed.
Interesting 👍
This was really a very well-organized video dipesh. Amazing work.
Bro , what's difference between redux and redux toolkits
Bhai redux is the main thing, global state management solution.. but it was a little complicated so the redux team has released redux toolkit to do the same thing... So what you ideally need to do is, go through redux tutorials first and why we need redux, and after that you can refer to redux toolkit to make your life easier... Even if you don't learn redux toolkit, it's all fine... You'd still be able to do what you need to.
@@slmshady539 bhai kitna padhre !! har dusre din koi development aajati hai !
@@slmshady539 college me , dayananda sagar , tum
@@slmshady539 nice , mebhi banglore me ! konse stack me kam karte ho ? may i know your location ...
Hi @Dipesh, Thanks a lot for the video. My get API is getting called twice, in the network Tab and I get two responses also. How can I avoid that
I think somewhere your useEffect is getting called twice based on the dependency array. Can you put console log and do debugging.
@@DipeshMalvia Its the new React version feature, that mounts and unmounts the component, which calls my API
twice, I guess
use useEffect within useRef hook. It will allow useEffect to render only once
Thank you so much sir g 🙏🙏🙏 can we use redux toolkit instead of thunk
You need to use THUNK only when you want to have Async action creators. We will see how we convert Sync action creators into Async in second part of this video.
@@DipeshMalvia 🙏🙏🙏🙏🙏
bro , why he has put ?apiKey=${APIKey} shouldn't be it like apiKey=${APIKey}
what's difference between import and @import. why did you use @import
[Violation] 'setTimeout' handler took 246ms
hey bro i am following your tutorial i am gettng above error could you please help me on this?
🤙🤙🤙
Can you make redux tutorials?
hi, I don´t speak english, espero me puedas leer, soy totalmente nuevo con redux toolkit, y tengo un error que desconozco pero es al momento de pasarle datos al reducer mediante axios, no me deja ocupar async/await y tampoco me deja utilizar promesas de la manera tradicional de vanilla, me da el siguiente error; error revoked get
onlineService(payload) // my function api query users
.then(({ data }) => {
state.user = {
online: true,
content: data.data,
token: data.token,
};
})
.catch((err) => console.log(err));
what react version is this ? it feels outdated because i get lots of errors (eg: react-router-dom) :(
You can take reference from the github link added in the description of the video for versions.
sir please stripe payment with node js and react or next js in one videos
dipesh your redux tutorial is amazing but your code is showing an error with regard to arrow function in movie listing i saw your code again and again and mine is absolutely identical but still an error is coming that arrrow function expects a return statement
Can you download the source code from github and do npm install and then npm start and check do you get such error.
did you fix it? I'm having the same issue
@@andreiflorian01 yes just give it a return statement and it's fixed
@@thefrustratedboyy it worked, thanks ! :)
where you get an API key
login with email but not work OMDb API
I am getting error it is showing moviesReducer module not found
Did u solved it
should have pagination also
Sir appne product details page nhi bataya jo apne demo me bataya h
Check part2 of the video
Can we OMDB for free
sir i need the zip file of that project , can i get it from you
21:39
I don't understand, why we have used redux in this project.
The code in the link is different than what you have on this video.
Its the whole code, like the series contains 3-4 videos of full project, so better check the code after completing every video.
i am facing some error
Where is part 2?
Here you go part 2 - th-cam.com/video/FeYTMsWpgQo/w-d-xo.html
part 3 - th-cam.com/video/VEp9dW0MeDA/w-d-xo.html
Miss use of redux
It will be much more easier if we are using fetch instead of axios
axios is more easy my son
Dude, you're saying too many "alright" don't do that! :D
you skipped so many thinks if i didn't already know it i would call you a bad teacher but who am i to talk I'm horrible at teaching to
Thanks for feedback, I will try to improve.
* * * * *
Thanks Gaurav for 5 stars
Both not working :(
If you are using React Router Dom V6 then these will not work. You can take reference from my other video how React router v6 works - Code Refactoring : Context API | React Router V6 | Learn React JS with Project in 2 Hours
th-cam.com/video/ZZOkCrQ2iLk/w-d-xo.html
Hi @Dipesh
I followed you till time stamp 55:33 but later on I faced issue in code
renderMovies = movies.Response === "True" ? (
movies.Search.map((movie,index) =>
{
})):
(Error)
It was not able to render MovieCard compoent was not able to display component checked everything but not helped
Thanks
.
you have to write render in the map function before curly brackets if you don't want to write return then remove curly brackets your problem will be solved
I didnt get my API Key , i mailed , still nothing @DipeshMalvia
Thank you so much 👍🏼🙏🎉
You are very welcome