Intro to Modern Redux with RTK and TypeScript
I have a few courses out now about using Redux Hooks, including Redux with React Hooks and Modernizing a Legacy Redux Application with Redux Hooks, but redux hooks are only part of the story. They make it easy to connect your components with your redux store, but setting up and maintaining that store is still left up to you. Redux Toolkit on the other hand provides some really nice guardrails and simplifies that process. It also includes utilities that improve TypeScript's ability to understand redux.
This course follows the process of bringing redux in to manage the data in a shopping cart application. It focuses on splitting your store into slices, creating reducers and selectors and managing async actions with thunks. Our shopping cart app will allow you to see a dynamic list of products, add items to a cart, and eventually checkout.
Follow along by creating this redux shopping cart application with me and then apply what you've learned to your own applications.
Thank you so much for watching!
Jamund Ferguson: [0:00] Hey, friends. My name is Jamund Ferguson, and I'm stoked to share this course I made with you all today about Redux and Redux Toolkit with TypeScript. It's a killer combination and one that I hope that you all have the chance to use very soon.
[0:12] If you've seen my previous courses on Redux with React Hooks, you know how much simpler the Redux Hooks API makes interacting with your Redux store. The Redux Toolkit is a set of utilities that simplifies the process of setting up your Redux store and all of its reducers.
[0:28] It also helps simplify creating selectors and thunks and even makes typing your Redux applications much simpler. You'll be amazed at how little boilerplate there is and how much of the pain traditionally associated with building immutable Redux applications goes away with RTK.
[0:45] I'll be covering all of these concepts in this course by building a shopping cart application that lets you browse products, add them to a shopping cart page, and eventually, check out. In real life, you couldn't do all this just on the client side. You'll definitely need a back-end component of some kind, but this course really isn't about building shopping carts. It's about understanding how Redux and Redux Toolkit can help you build better applications with TypeScript.
[1:10] I've loved creating this course, I've learned so much, and I can't wait to share that all with you. If you have any questions or comments, feel free to share them here in Egghead or reach out to me on Twitter. Thank you so much for watching.
It Would be nice to introduce and updated version of redux-toolkit with redux-observable for asynchronouns operations. :)