🔑 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?
Advanced Redux with Redux ToolkitVideo
by Steve Kinney
🕹️ Levels: 🚀 Advanced
⏳ Duration: 4 hours
🤑 Price: Subscription
🧑💻 Learning Platform: Frontend Masters
Build A React App With ReduxVideo
by Andy Van Slaars
🕹️ Levels: 😎 Intermediate
⏳ Duration: 2 hours
🤑 Price: Subscription
🧑💻 Learning Platform: Egghead.io
Building React Applications with Idiomatic ReduxVideo
by Dan Abramov
🕹️ Levels: 😎 Intermediate
⏳ Duration: 2.5 hours
🤑 Price: Free
🧑💻 Learning Platform: Egghead.io