MENU

Fun & Interesting

React Redux Toolkit RTK Query Crash Course | RTK Query CRUD Application for Beginners

Dipesh Malvia 48,582 3 years ago
Video Not Working? Fix It Now

In this video we will explore the Redux Toolkit RTK Query and Mutations in detail with example. 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. ⭐️ Hirect ⭐️ Download the Hirect App now - https://hirect.page.link/YvSM Appraisals are not always about salary hikes. After working hard for a whole year, we want greater responsibilities, promotions, work life balance, and so much more! If your current job can't give this to you, just hop on to Hirect. On Hirect you can search for the job you want and chat directly with startup founders and CEOs to get hired quickly. Also, no consultants are involved here. So, what are you waiting for? Download the Hirect app - https://hirect.page.link/YvSM and #CareerHikeKarkeTohDekho #Ad Jobs in India Jobs online Find jobs online hiring Companies job portals in India Online jobs in India Startup jobs Startup jobs in India Startups hiring in India Jobs in startups Get hired in startup ⭐️GitHub link for Reference⭐️ https://github.com/dmalvia/Redux_RTK_Query_Tutorial ⭐️RTK Query Overview⭐️ https://redux-toolkit.js.org/rtk-query/overview ⭐️ Support my channel⭐️ https://www.buymeacoffee.com/dipeshmalvia 🔥 Video contents... ENJOY 👇 0:00:00 - Intro 0:02:22 - Bootstrap Application 0:03:42 - RTK Query Overview 0:05:53 - Create API using RTK Query 0:07:31 - JSON server 0:13:40 - Create Redux Store 0:17:14 - Provider vs Api Provider 0:19:07 - Data Fetching using hooks 0:19:55 - Fetch All Contacts 0:24:35 - Adding new endpoint 0:24:29 - Fetch Contact Details using hooks 0:29:59 - Understanding RTK Query Mutations 0:31:18 - Create Mutation Endpoints 0:35:44 - Mutation Hooks 0:36:29 - Add Operation with RTK query hook 0:42:09 - RTK query refetch 0:43:20 - Auto-fetching Providing and Invalidating tags 0:47:32 - Update Operation with RTK query hook 0:48:02 - Delete Operation with RTK query hook 0:51:06 - Outro ***React Roadmap for Developers in 2021*** How to Learn React JS ? - https://youtu.be/06yVj8pcO5c React in One Project - https://youtu.be/0riHps91AzE React Redux Toolkit Tutorial - https://youtu.be/EnIRyNT2PMI Learn React Redux with Project - https://youtu.be/0W6i5LYKCSI What is Redux ? - https://youtu.be/qNjNn9BCWCc Learn React Redux Thunk with Project - https://youtu.be/JDZRfLGNWdc Learn React Hooks - https://youtu.be/hJ5UEtdS8qE 🔗 Social Medias 🔗 Twitter: https://twitter.com/IMDmalvia Facebook: https://www.facebook.com/programmingwithdipesh Instagram: https://www.instagram.com/dipeshmalvia LinkedIn: https://www.linkedin.com/in/dmalvia/ ⭐️ Tags ⭐️ - Learn Redux RTK Query - Redux Toolkit RTK Query Overview - RTK Query for beginners - Data Fetching RTK Query Tool - How to use Redux RTK Query - Mutations in RTK Query ⭐️ Hashtags ⭐️ #react #redux #toolkit #RTKQuery #beginners #tutorial Disclaimer: It doesn't feel good to have a disclaimer in every video but this is how the world is right now. All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.

Comment