React Redux RTK QUERY CRASH COURSE | Build Product Search Functionality

📑FREE Modern Next.js 15+ Guide: oliverthedev.c...
🚀The Ultimate Modern Next.js Complete Course 2024: www.udemy.com/...
💡 OLIVER THE DEV COMMUNITY:
nas.io/oliver-... (Support me for the price of a coffee & get exclusive content and resources for career advancement)
✅ SUBSCRIBE SO YOU DON’T MISS ANY TUTORIALS
/ @oliverthedev
◼️Github Repo For this Tutorial: github.com/oli...
Other Related Videos:
Redux Toolkit: • React Redux TOOLKIT CR...
React Redux Build Ecommerce Features: • React Redux CRASH COUR...
React Redux Introduction: • React Redux CRASH COUR...
RTK Query is a powerful data fetching and caching tool. It is designed to simplify common cases for loading data in a web application, eliminating the need to hand-write data fetching & caching logic yourself.
In this React Redux RTK Query tutorial crash course , I will go over how to use redux toolkit rtk query features and use it to fetch data from a server then display in the UI. We will create similar eCommerce features that you see in fully production apps with search functionality to find specific products from the api. Join in, grab a coffee or your choice of beverage, and code along with me on this fun crash course tutorial.
Also note this video has 1 awesome challenge for you to complete while pausing the video this way you learn by interacting with code and not just watch the video. I highly encourage you to pause and video and give these challenge a shot for your practice.
P.S I say "RTX" a lot but it's "RTK", probably due to me thinking way too much about graphics cards lately😅
You'll learn:
Redux
Redux Toolkit RTK Query
How to fetch API data
How to interact with the data to create dynamic features
There will be a challenge exercise halfway for you to complete on your own and comeback to the video, this way you actually LEARN by watching/coding from my video.
📍Connect with me:
Twitter: / oliver_thedev
Instagram: / oliverthedev
#redux #reactjs #reduxtutorial #reduxtoolkit #rtkquery

[@streamcalter442]

Thanks for you being in my part of coding journey , Keep Rocking 🔥🔥🔥 . keep continue concepts by avoid CSS as your way , because concepts is main thing .CSS is confusing in-between . TQ

[@oliverthedev]

This means a lot! Yes that's the concept I am following is to keep things easy to understand and avoid the noise so it's much easier to grasp 😄🙏

[@Igor-km5qp]

Example with input is what I was looking for.Thanks a lot.

[@oliverthedev]

Glad it was helpful!

[@CodeClem]

This is good honestly, thank you so must for the crash course💪

[@oliverthedev]

Thank you Clemon! Glad you enjoyed it 😄

[@KimiaSam]

Hi, Thanks
I have a question in rtk query
Would you please help me, how to prevent rtk from calling invalidatesTags if error happens?! Why rtk calls getAll api when error happens in add? How to prevent that?😅

[@mrnabby4178]

Thanks bro. I needed it.

[@oliverthedev]

Glad it helped ✨

[@mrnabby4178]

@@oliverthedev

[@khalidhachouch3975]

thank you sooo much sir

[@oliverthedev]

Your welcome Khalid! Appreciate the feedback 😄

[@haibova_irisha]

Hi. I really like your video!!! can you do React, Redux, RTK QUERY, TS? app (a little more complicated) tsx a lot

[@oliverthedev]

Thank you! and glad you liked it. That's in the plan, will slowly cover all 😄

[@haibova_irisha]

@@oliverthedev waiting))

[@МуратКошетеров]

So good!!!

[@oliverthedev]

Thank you! Glad you enjoyed it ✨

[@darksky3955]

Thank you bro!

[@oliverthedev]

Anytime, feel free to checkout other tutorials as well 😄✨

[@KarenDavtyan-tw3lp]

Thanks, but this time how we can do a debounce for avoiding sending requests if typing one letter in the search? this time it's going a reqest when we type something

[@oliverthedev]

Of course! Always best to have some form of debounce function. This is a great article to checkout in implementing debounce www.freecodecamp.org/news/debouncing-explained/

[@KarenDavtyan-tw3lp]

@@oliverthedev Thanks a lot for your reply, appreciate it and wish u all the best

[@hk_build]

Do we have to create reducer when we use rtk query??

[@champa-dev]

This video is very useful, but can you teach how to upload image by rtk-query ?

[@oliverthedev]

Thank you! Glad you found it useful. Maybe in the future will do something like that but still follows a very similar pattern 😄🙌

[@frostyfreezemovies]

Sir redux toolkit plz

[@oliverthedev]

Hey thank you for checking this video out, I actually have a Toolkit video --> th-cam.com/video/QL0fT8Uqal4/w-d-xo.html