Back to Browse

MERN Stack Project with React Redux and RTK Query

27.8K views
Aug 16, 2022
35:52

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap Build a MERN Stack Project with React, Redux and RTK Query. This tutorial continues the MERN Stack Project series and continues to build the frontend React app. We will be adding Redux and RTK Query to the project. πŸ’– Support me on Patreon ➜ https://patreon.com/davegray ⭐ Become a full-stack web dev with Zero To Mastery Courses: - Advanced React & Redux: https://bit.ly/AdvReactDev - The Complete Node.js Developer: https://bit.ly/CompleteNodeJS - Jr to Senior Web Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr 🚩 Subscribe ➜ https://bit.ly/3nGHmNn πŸ“¬ Course Updates ➜ https://courses.davegray.codes/ πŸš€ Discord ➜ https://discord.gg/neKghyefqh β˜• Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray πŸ‘‡ Follow Me On Social Media: Github: https://github.com/gitdagray Twitter: https://twitter.com/yesdavidgray LinkedIn: https://www.linkedin.com/in/davidagray/ πŸ”— All Resources for this MERN Stack Project: https://github.com/gitdagray/mern_stack_course πŸ”— Playlist for this MERN Stack Project Series: https://bit.ly/3Sn4EaI MERN Stack Project with React Redux and RTK Query (00:00) Intro (00:13) Welcome (00:24) Suggested Pre-Requisites (00:55) Starter Code and Dependencies (02:36) Redux apiSlice (04:27) Configure the Redux store (05:55) Provide the Redux store in index.js (06:43) usersApiSlice, getUsers endpoint, and selectors (14:33) Shortcut for notesApiSlice creation (17:14) UsersList component (21:18) User component (24:39) Start the backend Node.js REST API (25:29) View the UsersList (27:01) NotesList component (29:18) Note component (32:13) View the NotesList (33:36) sortComparer function πŸ“š Suggested Pre-requisites for this MERN course: πŸ”— Node.js for Beginners full course: https://youtu.be/f2EqECiTBL8 πŸ”— React JS for Beginners full course: https://youtu.be/RVFAyFWO4go πŸ”— Redux Toolkit for Beginners full course: https://youtu.be/NqzdVN2tyvQ πŸ”— React Login Playlist: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6PRCpm9clX0WiBEMB70FWwd πŸ“š Tutorial References: πŸ”— Redux Toolkit and RTK Query Official Site: https://redux-toolkit.js.org/ Was this MERN Stack tutorial with React, Redux, and RTK Query helpful? If so, please share. Let me know your thoughts in the comments. #mern #react #redux

Download

1 formats

Video Formats

360pmp455.9 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

MERN Stack Project with React Redux and RTK Query | NatokHD