π Key Learning Outcomes
- Understand the core principles of state management in React applications using Redux and MobX.
- Learn how to structure and manage complex application states in a scalable and efficient manner.
- Gain proficiency in using Redux, including middleware like Redux Thunk and Redux Observable, to handle asynchronous operations and side effects.
- Explore MobX and its decorators to create reactive state management in simpler applications.
- Develop skills in integrating both Redux and MobX with React, including practical implementations like creating a kanban board and a packing list application.
π¨βπ« About the Course
This course covers advanced state management techniques for large React applications, focusing on two popular libraries: Redux and MobX. You'll learn how to manage complex application states, use middleware for asynchronous operations, and explore reactive programming with MobX. Through practical examples, youβll build a kanban board and a packing list app, enhancing your ability to structure and maintain state in scalable React projects.
π― Target Audience
- React developers looking to enhance their state management skills.
- Developers building large-scale React applications with complex state needs.
- Those interested in learning both Redux and MobX for handling application state.
- Engineers who want to explore best practices in modern state management.
β Requirements
- Basic understanding of React and JavaScript.
- Familiarity with state management in React, such as useState and useReducer hooks.
- Prior experience with Redux or MobX is helpful but not required.
π Course Content
- Introduction to State Management: Learn the importance of structured state management and the basics of pure and impure functions in JavaScript.
- Redux Fundamentals: Dive into core Redux concepts like reducers, action creators, and middleware, building from simple examples to complex integrations with React.
- Advanced Redux Techniques: Explore Redux libraries like Thunk and Observable for handling side effects and asynchronous data flows.
- MobX Basics: Understand MobX concepts and its use in reactive programming, focusing on observable state and computed properties.
- React Integration: Implement Redux and MobX in React applications, using real-world examples like a kanban board and a packing list to solidify your learning.
- Comparison and Best Practices: Evaluate when to use Redux versus MobX, and how to make informed decisions about state management in your projects.
Drop a comment
State Management with Redux & MobX by Steve Kinney
Log in to leave a feedback
Loginπ Psst! Interested in More Redux Courses?


React - The Complete Guide 2024 (incl. Next.js, Redux)Video
by Maximilian SchwarzmΓΌller
πΉοΈ Levels: π± Beginner, π Intermediate, π Advanced
β³ Duration: 68 hours
π€ Price: $10
π§βπ» Learning Platform: Udemy

Advanced Redux with Redux ToolkitVideo
by Steve Kinney
πΉοΈ Levels: π Advanced
β³ Duration: 4 hours
π€ Price: Subscription
π§βπ» Learning Platform: Frontend Masters


Apply Redux to a Modern React Hooks ApplicationVideo
by Jamund Ferguson
πΉοΈ Levels: π Intermediate
β³ Duration: 0.5 hours
π€ Price: Free
π§βπ» Learning Platform: Egghead.io