React: State Management (2019)
1h 9mIntermediate2019-05-23
Authors

Sravanti Tekumalla
Software Engineer at Uber, Data Science Enthusiast
Course details
Choosing the right state management solution can be tricky. Developers need to evaluate a variety of options—each with their own trade-offs—and select the right approach for their needs. In this course, instructor Sravanti Tekumalla helps you navigate this process, exploring the guiding principles behind state management for React applications. Sravanti digs into various state management solutions, as well as common issues you may encounter as your React application grows more complex. Throughout the course, she lends these concepts a real-world context by showing how to modify a simple book application. She also covers how to integrate React with state management systems like Redux and explores alternatives to Redux, such as MobX, and why they might be appealing.
Learning objectives
Today’s state management landscape
When to use a state management system
Avoiding the pitfalls of prop drilling
Using the Context API
Implementing Hooks
The evolution of state management
The benefits of Redux middleware
Using MobX and apollo-link-state
Learning objectives
Today’s state management landscape
When to use a state management system
Avoiding the pitfalls of prop drilling
Using the Context API
Implementing Hooks
The evolution of state management
The benefits of Redux middleware
Using MobX and apollo-link-state
Skills covered
React.jsMetaFront-End Web DevelopmentWeb DevelopmentDeep Dive (X:Y)
Concepts
0. Introduction
- 01 - Choosing the right state management solution
- 02 - Setting up your environment
- 03 - The state management landscape today
1. Existing Solutions in React
- 04 - Avoid prematurely adding state management packages
- 05 - The power of setState()
- 06 - Data fetching only using React
- 07 - Avoiding the pitfall of prop drilling
- 08 - Defining Context
- 09 - Using the Context API
- 10 - Implementing Hooks
- 11 - React Hooks - Refactoring
2. The Evolution of State Management
- 12 - The Flux wars - The beginnings of Redux
- 13 - You don't need Redux
- 14 - Redux feature
- 15 - Redux feature container
3. The Benefits of Using Redux
- 16 - Immutability out of the box
- 17 - Benefits of Redux middleware
- 18 - Where state should live in your components
- 19 - Debugging with Redux
4. React and Redux Alternatives
- 20 - MobX - The object-oriented approach to state management
- 21 - Apollo Link State - Integrating state management with GraphQL
Conclusion
- 22 - Next steps
Related courses
- React: State Management
- React: Advanced Code Challenges
- React: Design Patterns
- Interactive React for the Web
- Building UI Components with Storybook: Master React Components and UI Design with Storybook for Better Efficiency
- Hands-On AI: Build an AI Chatbot with GPT-4o and Next.js
- React Practice for Beginners: Build and Modify Basic Components
- React: Building Large Apps
Related learn paths
- Become a React Native Developer
- Develop Your Skills in Agile Software Development
- Become a Data Scientist
- Master Digital Transformation
- Introduction to Fundamental Skills for Data Work: Data Strategy and Planning
- Prepare for the Certified Professional Privacy Manager (CIPM) Certification
- Moving from Data Analyst to Data Scientist
- Improve Your React Skills