Understanding Redux

Managing App-Wide State with Redux

• What Is Redux? And Why Would You Use It?
• Redux Basics & Using Redux with React
• Working with Redux Toolkit

Redux: A state management system for cross-component or app-wide state

Don’t we have React Context already?

React Context Has Some Potential Disadvantages

• Complex Setup & Management: In more complex apps, using React Context can lead to deeply nested or “fat” “Context Provider” components
  • Potential Problem: Deeply Nested Providers
  • Potential Problem: Complex Providers
• Performance: React Context is not optimized or high-frequency state changes
  • Potential Problem: High-Frequency Changes

Core Redux Concepts

Core Redux Concepts

The Reducer Function

Reference vs Primitive Values

Redux Toolkit | Redux Toolkit