React Redux Full Course for Beginners | Redux Toolkit Complete Tutorial

  Рет қаралды 434,324

Dave Gray

Dave Gray

Күн бұрын

Пікірлер: 733
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
A 50 second intro followed by 4 hours of code and instruction to help you learn about modern Redux with Redux Toolkit and RTK Query. I bookmarked all 7 chapters in the description. If you complete one lesson per day, you'll complete the full course in one week. Join my Discord server to discuss and ask questions: discord.gg/neKghyefqh
@NadidLinchestein
@NadidLinchestein 2 жыл бұрын
Thank you, do you have any resources on Django React Authentication?
@markerikson3383
@markerikson3383 2 жыл бұрын
Hiya! I'm the primary Redux maintainer and creator of Redux Toolkit. Thank you for putting this video together! In fact, I see that the source code is straight from the docs "Redux Essentials" tutorial I wrote... and that's GREAT! That means it's the same examples I want people to learn from! :) I've been thinking of doing a video series based on the "Essentials" tutorial myself at some point, and I still might. (Eventually! When I have time! HAH!) But until then, this appears to be a great quick intro to Redux Toolkit and React-Redux, the way we _want_ people to learn and use them today. So Dave, thank you for taking the time to make this video!
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Thank you, Mark. I noted I wanted "to give credit where credit is due" in the video series (playlist: kzbin.info/aero/PL0Zuz27SZ-6M1J5I1w2-uZx36Qp6qhjKo) and also that I modified a few things for the tutorial like starting with a bulletin board example, connecting to the jsonplaceholder site and populating reactions it doesn't provide. I'm glad you like it, and thanks for providing a great foundation in the docs! 💯
@anonymousmangalorean
@anonymousmangalorean 2 жыл бұрын
Hey Mark. When you do the tutorial please just don't do tutorials like every other YT channel. Please stress on the terms that you have used in the documentations. Also it would be great if you walkthrough your thought process while making the docs.
@emmanueloluwafemi7236
@emmanueloluwafemi7236 2 жыл бұрын
Mark.. The set up for redux toolkit is more complex than Context Api.. Frameworks should be created to make things easier than the existing ones
@markerikson3383
@markerikson3383 2 жыл бұрын
@@emmanueloluwafemi7236 Context and Redux are entirely different tools that solve different problems, so that's not a good comparison. Context is a Dependency Injection tool for a single value. Redux is a tool for predictable state management outside React. Context is already built into React, whereas Redux is a separate library. So yes, they _do_ have different setup, because they're not the same thing.
@emmanueloluwafemi7236
@emmanueloluwafemi7236 2 жыл бұрын
@@markerikson3383 yes I know but they do the same function when you apply useReducer with useContext.. It's the same function with redux. It's faster and more efficient than redux toolkit.... Redux is to manage state and also to make the state global to other components. This is the same work with useContext and useReducer... I don't see any reason I should abandon context Api for redux toolkit yet. I'm sure you know what I mean... I'm a full stack dev
@nguyenanh-vt4jv
@nguyenanh-vt4jv 9 ай бұрын
you are actually a generous man beside teaching, you also foster me to read the document and find out the way to learn another stack by myself. Thank you Dave
@DaveGrayTeachesCode
@DaveGrayTeachesCode 9 ай бұрын
Glad to hear that!
@SinanZen1981
@SinanZen1981 11 ай бұрын
I watched your playlist on redux toolkit. They are great and no room for any confusion. Thank you for your help 🙏
@DaveGrayTeachesCode
@DaveGrayTeachesCode 11 ай бұрын
Thank you for the support! 🙏
@rjevangelista9769
@rjevangelista9769 Жыл бұрын
I paused the video just to tell you're an amazing instructor. I can't believe I watched the whole course for free! I'll definitely recommends your channel to my friends. The amount of time and effort you make this video, you're truly a godsend.
@DaveGrayTeachesCode
@DaveGrayTeachesCode Жыл бұрын
Thank you for the kind words! 🙏
@ibrahimal-nuaimi1005
@ibrahimal-nuaimi1005 2 жыл бұрын
Dave you're a godsend, you take from your time and make these masterful videos to teach us how to code. Other teachers should be like you. If there's anyone who contributed a lot to this world's future by raising a lot of skilled coders, it'll be you, thanks a lot! ❤️🙏
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Thank you for the kind words, Ibrahim! 🙏
@dev-seremba
@dev-seremba 2 жыл бұрын
Given that I am an hour away from completing your React course(it is really nice), which I take daily from 4:30 am to 7:00 am for a month now, this Redux tutorial will be another nice tutorial to solidify my React knowledge.
@mi5956
@mi5956 2 жыл бұрын
Thank you Dave, I can't believe you are putting such an amazing tutorial with simplicity for free on youtube. other creators make things complicated to show that they know something which is not true but only confuse learners.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
You're welcome! 🙏
@imigi427
@imigi427 2 жыл бұрын
Well i simply wanted to learn Authentication in React.... and ended up watching Node 7 hours Course, React 9 Hours Course and right know learning Redux 4 hours course. Life can be surprising !!! I am so happy that I have opportunity to learn from well organized tutorials, and don't have to bother about outdated knowlage.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
You're welcome! 💯
@josefreitas6997
@josefreitas6997 2 жыл бұрын
same here :D
@sinnis_879
@sinnis_879 2 жыл бұрын
sir , I am Indian doing self study for web development, & you are the best resource that I found on internet for web dev. Thanku very much sir 🙏🙏🙏🙏🙏
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Thank you for the kind words!
@jacobburgo
@jacobburgo 10 ай бұрын
For those of us in 2024, you may need this bit of additional code for part 3 to filter out the duplicate posts from the API. Not sure what happened, but I am getting 2-4 of each posts in my request and I copied exactly from the source code. let content if (postStatus === "loading") { content = "Loading..." } else if (postStatus === "succeeded") { const orderedPosts = posts .slice() .sort((a, b) => b.date.localeCompare(a.date)) const preContent = orderedPosts.filter((val, i) => { if (i !== orderedPosts.length - 1) { return val.id !== orderedPosts[i + 1].id } return val }) content = preContent.map((post) => ( )) } else if (postStatus === "failed") { content = {error} }
@jankopejic1502
@jankopejic1502 9 ай бұрын
Thank you!
@atanassolakov3289
@atanassolakov3289 6 ай бұрын
You can also use Set to filter out the duplicated posts by ID, I dont know if this the better approach, Can someone explain why this duplicating is happening const uniquePosts = Array.from(new Set(posts.map((post) => post.id))).map( (id) => posts.find((post) => post.id === id) ); let content; if (postStatus === "loading") { content = Loading...; } else if (postStatus === "succeeded") { const orderedPosts = uniquePosts .slice() .sort((a, b) => b.date.localeCompare(a.date)); content = orderedPosts.map((post) => ( )); } else if (postStatus === "failed") { content = {postError}; }
@squidypop
@squidypop 4 ай бұрын
@@atanassolakov3289 It seems like it is because we are using react.strictMode. In strict mode everything is rendered twice to help spot errors, but its really messing this project up. I'm not sure why Dave didn't have the same problem as us though as he is also using strict mode. I'm also not sure of the best solution.
@squidypop
@squidypop 4 ай бұрын
@@atanassolakov3289 Ok I just changed state.posts.concat(loadedPosts) in the postsSlice file to state.posts = loadedPosts. That way when the second array of data is retrieved it will overwrite the first array rather than being added onto the end. I am fairly new to react but I'm pretty sure this is an acceptable solution.
@reclusedoggo3513
@reclusedoggo3513 3 ай бұрын
Duplication is happening due to effects and components being rendered twice due to StrictMode, if you remove strict mode this vanishes..
@siddharthpunmiya0705
@siddharthpunmiya0705 Жыл бұрын
this course is really really good but i wont recommend to absolute beginners,because the guy explains things nicely but he kinda assumes that most of us already know some basic of react-redux and reduxtoolkit .This video was definitely good for me because already watched some tutorials before jumping onto this video .This video will definitely helps those guys who have some what knowledge of reduxtoolkit thanks a bunch and awesome tutorials🔥🔥🔥🔥🔥
@hyphamne
@hyphamne Жыл бұрын
57:11 sort by date 1:09:50 createAsyncThunk 1:29:00 ['array','apple','fruit'].every(Boolean) 1:31:25 redux-toolkit add unwrap() 2:55:00 RTK query -> isLoading, isSuccess, isError, error
@dekafmusic
@dekafmusic Жыл бұрын
Wow, just finished this after i think 2 weeks cuz i was on and off. I now understand redux, redux thunk, rtk query and have a deeper understanding of react in general. Thank you very much.
@DaveGrayTeachesCode
@DaveGrayTeachesCode Жыл бұрын
You're welcome!
@Igris-xf3ol
@Igris-xf3ol Жыл бұрын
Dave, This tutorial is perfect for beginners and your explanation is good to get understanding. The topics you are covered are most asked for job interview. Thank you I have learnt redux with this video and I just need to contribute in projects.
@mkyawkhantwin
@mkyawkhantwin 8 ай бұрын
With the first lesson i understand how the redux works and with the second lesson i understand how to implement it in a project Thank you for the great tutorial i will keep watching
@GabrielMartinez-ez9ue
@GabrielMartinez-ez9ue 2 жыл бұрын
This channel brings the best content there is out there. Every time I need a specific content I come here to see if there is an explanation of it.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Thank you, Gabriel! 🙏💯
@electro1146
@electro1146 7 ай бұрын
Man, you are doing God's work by putting out such accessible quality content and that too for free!
@17a.studio
@17a.studio Жыл бұрын
Thanks a lot
@DaveGrayTeachesCode
@DaveGrayTeachesCode Жыл бұрын
Thank you for the support!
@Shiva-wc4de
@Shiva-wc4de Жыл бұрын
At 26:00, How come the function receives state as a parameter? how does redux knows that the state needs to be passed. Also, for the state, why we are getting the value of state by writing state.posts even though we are exporting reducers, not the actual value from the store. It's confusing...
@osho4609
@osho4609 10 ай бұрын
You are genius as well as kind-hearted man sir...that's why uploading very high quality vedios
@realVvD
@realVvD Жыл бұрын
One of the best coding tutorial I have every seen. Though I have already some past experience with React and Redux, the way you present and explain is superb and deepen my understanding. Thanks! :)
@DaveGrayTeachesCode
@DaveGrayTeachesCode Жыл бұрын
Glad it helped!
@junjieyang7800
@junjieyang7800 Жыл бұрын
Your way of writing code is so elegant, I love it!
@GeraldOfori-pr3zt
@GeraldOfori-pr3zt 11 ай бұрын
watched this in Jan 2024, A great course. Thank you Dave. I am heading to zerotomastery Asap.
@ebratz
@ebratz 2 жыл бұрын
WOW! Exactly what I needed, just on the right time! :D Thank you so much for such great content and dedication to share your knowledge! 👏
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
You're welcome, Eduardo! 💯
@dhayalanr1031
@dhayalanr1031 2 жыл бұрын
Same feeling 🥰🥰🥰🥰🥰 and thanks a lot Dave gray...
@dardaC137
@dardaC137 2 жыл бұрын
Thanks a lot Dave ! I appreciate it from heart. Watching your MERN full tuts and end up here , totally worth the time. In my opinion very few have the quality to explain things with no sweat and you are one of the best.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Thank you for the kind words!
@uanelacomo
@uanelacomo Жыл бұрын
Just finished it right now in 4 days and I was really needing to learn redux for an application that I am creating and in the of this I am really sure I came to the right place... Congrats Sir @Dave Gray
@DaveGrayTeachesCode
@DaveGrayTeachesCode Жыл бұрын
Happy to help!
@happyfox7547
@happyfox7547 2 жыл бұрын
Thank you Dave! You have no idea how helpful this series has been
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
You're welcome! 💯🚀
@kingamv9005
@kingamv9005 Жыл бұрын
When i become a decent web developer, my next mission will be to find this man and buy him a drink and a car. what a guy
@douha895
@douha895 2 жыл бұрын
THANKS so much for you redux tutorials , been watching alot of videos on redux and even on Udemy and your course is just way better, thanks for helping me in my career.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
You're welcome, Douha! 🙏
@adrian333dev
@adrian333dev 2 жыл бұрын
Thank you too much Dave, there isn't much tutorials on the internet about redux toolkit, I've got troubles learning redux toolkit with typescript, specially data fetching part, could you make tutorials on that topic, thanks again for your effort!
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Thank you, Adrian - this course shows various ways of fetching data, but it does not include Typescript. I'm getting enough requests that I may need to do one with TS in the future. 💯
@mdabdullahalmohaymenrafi7984
@mdabdullahalmohaymenrafi7984 2 жыл бұрын
yes, typescript +1
@tetyanagon3342
@tetyanagon3342 Жыл бұрын
I followed you Dave within entire tutorial. GJ!!! TY!!!💙💛
@basukivenkatpati3052
@basukivenkatpati3052 2 жыл бұрын
at 17:47, we could have simply given and it would only take numbers in input. If you type any letters, the textarea won't show anything. Loving this course by the way.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Thank you, Basuki! 🙏 Personal preference, but I do not like how the number inputs look with the arrows for up and down on the right when it has focus. You do mention a valid option though! Example: developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number
@mohammadshariq5340
@mohammadshariq5340 Жыл бұрын
For anyone not able to get the username inside the PostAuthor component at 51:23, you might need to enter "userId: parseInt(userId)" inside of the postsSlice prepared statement.
@charsiposting3340
@charsiposting3340 Жыл бұрын
bro i need a help can you help me..??
@codersdance
@codersdance Жыл бұрын
FYI! There is an extension for the useState statement that you have to install and that is very helpful. ush I heard an advice, being a developer try to automate things as much as you can especially the repetitive tasks.
@shubhamtamrakar4810
@shubhamtamrakar4810 2 жыл бұрын
Hey Dave, I came across this video after lots of videos and gotta say this is the best one I've watched. Thanks for such a wonderful video.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Glad it was helpful!
@bkarthini272
@bkarthini272 26 күн бұрын
Your course is absolutely amazing 👏
@toheebalawode1634
@toheebalawode1634 2 жыл бұрын
Good day Dave Gray, what a nice redux toolkits tutorial, but I have a comment on the way majority of you expert programmers do teach programming, this is something practical, it would be better if you have an application you want to clone, and then put it aside, work with the documentation, as you are teaching, lets know the reason why you are using particular hooks, I think by that, no body will come here and feel like "oh no am not gaining anything here", because as you are writing the codes without documentation makes it a little bit difficult, because I personally feel like that, can't talk about other people....... If you are writing the code with documentation, then everybody will flow, and know the reason why you are using a particular hooks
@funnyway683
@funnyway683 Жыл бұрын
Dave you are such an amazing teacher thank you for making this course available for us new devs for free i will recommand your channel for my friends
@DaveGrayTeachesCode
@DaveGrayTeachesCode Жыл бұрын
Thank you for the kind words!
@Boninpo
@Boninpo 2 жыл бұрын
Same thing in Typescript and we have perfection. Thanks Dave!
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
You're welcome and thank you for the request! 💯
@alimaleki1126
@alimaleki1126 2 жыл бұрын
Thank you Dave for providing high quality content. You're a wonderful instructor.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Thank you for the kind words, Ali! 🙏
@hamzaashraf9529
@hamzaashraf9529 Жыл бұрын
Best ever tutorial on redux toolkit explanation is 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥. Thanks Dave for a such effort
@loze
@loze 2 жыл бұрын
1:19:16 my postExcerpt comp not showing up , check slice and comp and nothing is wrong , is anyone having this same problem?
@StephaneAmStrong
@StephaneAmStrong 2 жыл бұрын
the best React tutorial I've seen, best practices and clean architecture. I am impressed
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Thank you for the kind words!
@motch_gd
@motch_gd Жыл бұрын
Your delivery is so brilliant, thank you for this course!
@DaveGrayTeachesCode
@DaveGrayTeachesCode Жыл бұрын
You're very welcome!
@SimpsonAlfred
@SimpsonAlfred 11 ай бұрын
My best tutor of all time, special thanks for this wonderful video.
@noordinabdulkadir1647
@noordinabdulkadir1647 2 жыл бұрын
Thanks man. I actually had no idea where to start with learning redux until this video.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Glad I could help!
@iShallEatChips
@iShallEatChips 2 жыл бұрын
Hey thank you for this tutorial. I like how you go over each line of the file. Also your explanation is perfect, especially at chapter 5.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Glad it was helpful!
@thebocksters2756
@thebocksters2756 5 ай бұрын
this tutorial took me 7 days to complete 😂, because I am practicing in parallel with the docs and chat gpt to answer to my stupid questions, so I can get the idea how the things works in deep and be confident in my knowledge
@codernerd7076
@codernerd7076 2 жыл бұрын
Best Redux course on the internet all that is missing is the using Redux with TypeScript part.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
The TS addition will make a good future video. Thanks! 💯
@saurabhgokul1946
@saurabhgokul1946 2 жыл бұрын
This along with Codevolution one is a complete package
@samobaidi5000
@samobaidi5000 2 жыл бұрын
thank you so much , ive been waiting for someone to expalin it in a good way and here you did , thank you Dave , its really so helpful
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
You're welcome, Sam! 💯
@jotaroisdarius1918
@jotaroisdarius1918 Жыл бұрын
You know me! Liking the video before even starting to watch it because I know the content will be great as always
@DaveGrayTeachesCode
@DaveGrayTeachesCode Жыл бұрын
I appreciate that!
@WanKy182
@WanKy182 2 жыл бұрын
Great work. Nice that you combine all parts in one video)
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Thank you! 💯
@ivangoranov7737
@ivangoranov7737 2 жыл бұрын
As a beginner in redux, I've got complete disorientated after the first lesson. The second lesson has too much information without explanation and I expect the rest of them to be the same. After all, I appreciate the time spent doing the video, but this guide is for more advanced than beginner people.
@Flame3757
@Flame3757 2 жыл бұрын
I totally agree with that.
@namnikajanbandhu5288
@namnikajanbandhu5288 2 жыл бұрын
💯 true!!
@AlejosLifeOficial
@AlejosLifeOficial 2 жыл бұрын
I agree
@nirajpatil3388
@nirajpatil3388 2 жыл бұрын
I thought i was way less than beginner 🥲🥲
@sanusiyunusa4470
@sanusiyunusa4470 2 жыл бұрын
I would advise you to get more familiar with reducers (useReducer hook) before starting this tutorial. If you are familiar with reducers then it wouldn't be too difficult for you to follow the tutorial.
@chethankambi31
@chethankambi31 2 жыл бұрын
I just love the way you narrate and explain. Thanks a ton for all the wonderful content !!! If possible kindly do a series/comprehensive tutorial on 'styled components'. thanks again :)
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
You're welcome, Chethan! 🙏 And thank you for the kind words and request!
@neikochan7580
@neikochan7580 Жыл бұрын
Hello! Thank you so much for this lesson! This lesson (and others) helped me a lot on my actual school project! I'm studding to reorient professionally to frontend developper and your lessons helped a lot through this journey 🐣 Thank you so much for sharing all this knowledge ❤🙏
@DaveGrayTeachesCode
@DaveGrayTeachesCode Жыл бұрын
You're welcome!
@rajnori.
@rajnori. Жыл бұрын
Thanks Dave, you are an outstanding teacher, I highly recommend checking out the Redux tutorial. As someone who has experience with Redux, I found the tutorial to be an excellent resource that helped me deepen my understanding of the core concepts and best practices of Redux. One thing that I particularly liked about the tutorial is that it strikes a good balance between theory and practice. The explanations of the core Redux concepts (thorough) are excellent with examples to reinforce your learning and apply the concepts to real-world scenarios.
@DaveGrayTeachesCode
@DaveGrayTeachesCode Жыл бұрын
Thank you!
@Anime-vk6xq
@Anime-vk6xq 3 ай бұрын
Great video I understood every detail you taught. Thank You
@peterpardo4138
@peterpardo4138 2 жыл бұрын
Wow! Again, thank you for this! You're the best teacher I've ever had.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Thank you for the kind words, Peter! 🙏🙏
@nishantsirwani3812
@nishantsirwani3812 Ай бұрын
You have taught very well, thank you Sir!
@karanbadhwar4113
@karanbadhwar4113 Жыл бұрын
Hey Dave, thankyou for your tutorial. But I did not understand everything properly because there was lack of explanation for example what does useSelector do and all. It is just a healthy advice no criticism at all, but it was hard and had a feeling I might have to memorize everything .
@christobongende893
@christobongende893 5 ай бұрын
thank you for making this course! it was great!
@universecode1101
@universecode1101 2 жыл бұрын
This will be a great resource for many developers during this year ... Great Dave 👏🏻
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Thank you! 🙏💯
@codewithsarang9762
@codewithsarang9762 2 жыл бұрын
@@DaveGrayTeachesCode Hey Dave i know redux but i only need the way to use redux in class based components have you deal this
@emmanueljoseph625
@emmanueljoseph625 2 жыл бұрын
Dave, you're a good teacher and thank you for your courses. I just wish you could reduce your speed a bit. Your courses are helping me a lot
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
You're welcome, Emmanuel!
@krishnaTiwari851
@krishnaTiwari851 2 жыл бұрын
Thank you very much for your kindness .... no one teach better than you with every step explanationn thank you very much
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
You are welcome!
@demno2258
@demno2258 Жыл бұрын
Thanks Dave for great lecture and excellent examples that explain step by step redux and redux toolkit from zero to hero
@HP_Tubcraft
@HP_Tubcraft 2 жыл бұрын
awesome video on Redux! one of the best ive seen. killer content as always Dave.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Thank you! 💯
@navneet_prakash
@navneet_prakash 2 жыл бұрын
I needed to implement this on my projects, thank you for this wonderful intro to Redux.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
You're very welcome!
@GeraldPaulson
@GeraldPaulson 2 жыл бұрын
Thank you Dave, you are such an amazing tutor with good contents, you have really lifted us the jnr Devs in good ways, keep it up, Nigeria ....
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Thank you, Gerald! And hello to Nigeria! 👋
@atanassolakov3289
@atanassolakov3289 6 ай бұрын
For those of us who struggled to find why posts are duplicating after Chapter 3 ( lesson 3) just remove the react's strict mode, it helped me cause it doesnt do the rerender i think :)
@_abhin_raj_r4007
@_abhin_raj_r4007 11 ай бұрын
Thanks for the course. But I would have really loved this course if you dive deeper and told us why you are writing some codes. Sometimes I dont even know what a line of code is doing. But watching this video and searching the codes I dont understand in the google helped me!
@DaveGrayTeachesCode
@DaveGrayTeachesCode 11 ай бұрын
Yes, I'm glad you searched. Combining this course with the official docs should help, too.
@azaanibrahimmohamed2846
@azaanibrahimmohamed2846 Жыл бұрын
Thank you for the free course, I got full help and I finished it
@janekalam
@janekalam 2 жыл бұрын
By far, the best redux tutorial. Thanks for sharing!
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Thank you for the kind words! 🙏
@vonderklaas
@vonderklaas 2 жыл бұрын
Special thanks for that "Performance" section, pretty useful Cheers!
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Glad you liked it!
@lukaoooo
@lukaoooo Жыл бұрын
In chapter 1, In the store.js file we import counterReducer from '../features/counter/counterSlice', but there is no counterReducer in counterSlice.js file, could you please elaborate further on that?
@alexjando4880
@alexjando4880 9 ай бұрын
It's a default export. Search "Common JS" imports for more info
@chinedueke6605
@chinedueke6605 2 жыл бұрын
thank you Dave. you have clarified a confusion that I'm faced with. thank you very much. please could work with this same project and teach us unit testing.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
You're welcome and thank you for the request! 💯
@AdriGomezD
@AdriGomezD 2 жыл бұрын
It's just the best Redux toolkit tutorial ever, awesome!!!!, thanks a lot.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
You're welcome!
@mostafakheder7721
@mostafakheder7721 Жыл бұрын
Dave i believe you are a master class level >>> happy to follow you
@killian9843
@killian9843 6 ай бұрын
2:30:39 In UserPage.js I did this instead of using createSelector: " const allPosts = useSelector(selectAllPosts) const postsForUser = allPosts.filter(post => post.userId === Number(userId)) " and I didn't see any record of UserPage re-rendering when count increased using Profiler. Can anybody explain this? What is the difference between this and the createSelector method?
@cervantes8021
@cervantes8021 2 жыл бұрын
Thank you for this great tutorial! You’ve done an amazing job with explaining this topic in detail. Looking forward to more videos!
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
You're welcome, Cervantes! And thank you for the kind words! 🙏
@richardwilliam7030
@richardwilliam7030 2 жыл бұрын
Dave Cmon Stop reading my mind 😅😅😅😅😅😅 This is amazing
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Thank you, Richard! 🙏🙏
@dileepbc5901
@dileepbc5901 Жыл бұрын
this course covers all the things i need to know thanks dave . ☮ from India
@DaveGrayTeachesCode
@DaveGrayTeachesCode Жыл бұрын
You're welcome! And hello 👋 to India!
@Rabits52
@Rabits52 Жыл бұрын
hey dave i apprecite your work you are ding great can you explain me the 37:40 why did you this postAdded: { reducer(state,action){ state.push(action.payload) }, prepare(title,content){ return{ payload:{ id : nanoid(), title, content } } } } istead of just addPost:(state,action){ state.push(action.payload) }, is there any video that you recommed or any part of this video that you would tell me listen to?
@jain007neeraj
@jain007neeraj 2 жыл бұрын
Wow this is how some concept should be taught...... An awesome Hand-On experience... Thanks @DaveGray
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
You're welcome! 💯
@thebocksters2756
@thebocksters2756 5 ай бұрын
1:07:00 you can also use CTRL + H
@yeasinjabed3630
@yeasinjabed3630 2 жыл бұрын
Your channel is like a treasure for developer 🔥
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Thank you for the kind words, Yeasin! 💯
@mohiminurrahman6487
@mohiminurrahman6487 2 жыл бұрын
Sir, I've been waiting for this superb piece from you for a long time. Thank you Very much
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
You're welcome! 💯
@stepanmutsikivsky8987
@stepanmutsikivsky8987 4 ай бұрын
I've created separate object "reactions", to not repeat myself, and there was no problem with wrong reactions list, in my case😁
@Savage_Cabbage_
@Savage_Cabbage_ 2 жыл бұрын
Recently discovered your channel and I must say its amazing! Any plans on SQL tutorial videos?
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Thank you! 🙏 I may do more in the future, but I have one on SQL here: kzbin.info/www/bejne/jXexpaCerLpofrc
@hudyusufatsigah7626
@hudyusufatsigah7626 2 жыл бұрын
A really great content, kinda feel like i'm on an anime marathon cause i need to check related series, just like your video it's really great from start to finish.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Thank you for the kind words! 🙏🙏
@nelsonakujiobi4659
@nelsonakujiobi4659 Жыл бұрын
Thanks for this tutorial Dave. You are a very important person.
@DaveGrayTeachesCode
@DaveGrayTeachesCode Жыл бұрын
Glad it was helpful!
@neilsonsmilk
@neilsonsmilk 2 жыл бұрын
@6:14 what is the point of the export const counterSlice = {...} ? Couldn't we just const counterSlice = {...} w/o exporting? We are already exporting counterSlice.reducer and destructured actions from counterSlice.actions so why do we need to export the slice as well?
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Good question, Nelson! The export may not be necessary in this specific example, but it is a good habit to always use export with your slice. As the lessons progress, you will see that we can extend a slice to extra files.
@CTILET
@CTILET 2 жыл бұрын
Thank you Dave! Waiting for Next js and Strapi full course
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Thank you for the requests! 🙏
@zeinfarhanmakarim5226
@zeinfarhanmakarim5226 4 ай бұрын
On chapter 6. The id of the new created post returned strings with 4 random numbers and letters, is it auto generated since we didn't provide it? It makes the sorting by id on "getTodos" method didn't work. although it can still be sorted to the newest added post with changing the transformResponse response from sorting it with sort() to reverse() since the newAddedPost always endded up in the bottommost of the database.
@anouargarbaa-wh7iu
@anouargarbaa-wh7iu 3 ай бұрын
Thanks bro, that helps me to fix this tri problem
@junghyunjoshkim6780
@junghyunjoshkim6780 2 жыл бұрын
Hi Dave, you just made me a better dev! Thank you so much!
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Glad to hear that!
@matinsasan
@matinsasan 2 жыл бұрын
Thanks for the great efforts you put as always. And oh I forgot to sub to you for months, now done, dear mentor :)
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Thank you, Matin! 💯🚀
@abeercodes
@abeercodes Жыл бұрын
I can surely say that you are the best. Guru, my teacher
@adboss145
@adboss145 2 жыл бұрын
Hello Dave, love your tutorials but the audio needs de-essing, just a suggestion and feedback for many more great videos to come, I hope your channel and our knowledge grow exponentially, have a great day ahead.
@DaveGrayTeachesCode
@DaveGrayTeachesCode 2 жыл бұрын
Any suggestions on de-essing that is inexpensive? Free tutorials = low budget. 😀
@violinsheetmusicblog
@violinsheetmusicblog 10 ай бұрын
first 20 minutes was all i need :)
@rnytpl
@rnytpl Жыл бұрын
The advanced part was literally overwhelming it felt like I was being bombarded left and right with so much information that it was too much to take it all in! Wish you could explain and break down each line of code a little bit more in depth. But overall, this is a great tutorial, I think I learned so much up until the "advanced" section.
@DaveGrayTeachesCode
@DaveGrayTeachesCode Жыл бұрын
Thanks! And I agree - this is complex stuff! You can review again - but I also recommend looking at the official docs linked in the description. More than one explanation can help.
@rnytpl
@rnytpl Жыл бұрын
@@DaveGrayTeachesCode Thanks for the reply :) Not only I referred to documents but also tapped into ChatGPT's explanations which helped me quite a bit. Can I ask a question though? In addReaction query we followed a different method using onQueryStarted function, why didn't we just use invalidatesTags instead? I tried that and it worked just fine
@DaveGrayTeachesCode
@DaveGrayTeachesCode Жыл бұрын
@@rnytpl The reactions were an example of optimistic updates.
Redux Tutorial - Learn Redux from Scratch
1:34:53
Programming with Mosh
Рет қаралды 1,1 МЛН
UFC 310 : Рахмонов VS Мачадо Гэрри
05:00
Setanta Sports UFC
Рет қаралды 1,2 МЛН
Beat Ronaldo, Win $1,000,000
22:45
MrBeast
Рет қаралды 158 МЛН
She made herself an ear of corn from his marmalade candies🌽🌽🌽
00:38
Valja & Maxim Family
Рет қаралды 18 МЛН
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 888 М.
Redux - Complete Tutorial (with Redux Toolkit)
37:01
Cosden Solutions
Рет қаралды 259 М.
Redux For Beginners | React Redux Tutorial
39:43
developedbyed
Рет қаралды 1,2 МЛН
Why I Moved from React Redux to Zustand and Why You Should Too!
19:24
Learn Redux Toolkit in under 1 hour
58:10
Hitesh Choudhary
Рет қаралды 153 М.
React Redux Tutorial For Beginners | Redux Toolkit Tutorial 2021
53:26
Learn React With This ONE Project
1:39:30
Tech With Tim
Рет қаралды 42 М.
UFC 310 : Рахмонов VS Мачадо Гэрри
05:00
Setanta Sports UFC
Рет қаралды 1,2 МЛН