AI-powered learning
Save this course
Simplifying State Management in React Native
Gain insights into state management in React Native, including Redux, MobX, XState, Jotai, and React Query. Explore strategies for data consistency and synchronization across your applications.
4.5
73 Lessons
27h
Join 2.9 million developers at
Join 2.9 million developers at
LEARNING OBJECTIVES
- Familiarity with the core components of React Native, including states, props, hooks, and context
- Working knowledge of planning and setting up the surfaces, data flows, and components in the React Native app
- Hands-on experience styling different components and populating the data in the React Native app
- Familiarity with the state management libraries in React Native, including Redux, MobX, XState, Jotai, and React Query
Learning Roadmap
1.
Before We Begin
Before We Begin
Get familiar with React Native state management techniques via practical development of a social media clone.
2.
What Are React and React Native?
What Are React and React Native?
Look at React and React Native's history, core concepts, components, and real-world applications.
3.
Managing State in a Simple React App
Managing State in a Simple React App
7 Lessons
7 Lessons
Break apart state management basics, hooks, and a simple social media app structure.
4.
Planning and Setting Up the Funbook App
Planning and Setting Up the Funbook App
6 Lessons
6 Lessons
Grasp the fundamentals of planning, structuring, previewing, and debugging for effective app development in React Native.
5.
Styling and Populating the Funbook App
Styling and Populating the Funbook App
8 Lessons
8 Lessons
Map out the steps for styling, populating, and integrating data in the Funbook app.
6.
Implementing Redux in Our Funbook App
Implementing Redux in Our Funbook App
8 Lessons
8 Lessons
Tackle Redux state management in Funbook app with Redux Toolkit, actions, reducers, and global state handling.
7.
Using MobX as a State Manager in a React Native App
Using MobX as a State Manager in a React Native App
9 Lessons
9 Lessons
Practice using MobX for state management, transitioning state management, and improving data handling.
8.
Untangling Complex Flows in React Native Apps with XState
Untangling Complex Flows in React Native Apps with XState
9 Lessons
9 Lessons
Break down complex flows in React Native using XState for efficient state management.
9.
Integrating Jotai in a React Native App
Integrating Jotai in a React Native App
7 Lessons
7 Lessons
Unpack the core of Jotai for efficient state management in React Native apps.
10.
Using React Query for Server-Side-Driven State Management
Using React Query for Server-Side-Driven State Management
6 Lessons
6 Lessons
Go hands-on with React Query for efficient server-side state management in React Native.
12.
Appendix
Appendix
3 Lessons
3 Lessons
Map out the steps for environment setup, key resources, and expert insights.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Complete more lessons to unlock your certificate
Developed by MAANG Engineers
ABOUT THIS COURSE
State management is a process of managing an application’s data. As a developer, it is important to ensure data remains consistent and synchronized across different application parts.
You’ll start by learning the state management strategies in React Native using state and props and create a real-world Funbook application using only React Native built-in solutions. You’ll learn about the Redux and MobX libraries and how these can be used to implement the like button in the app. Next, you will implement the like button using the XState library that treats the state as a finite state machine. You’ll also learn about the Jotai library that uses atomic state for state management. Finally, you’ll learn how React Query offers comfortable fetching and data mutation on the server that replaces global state management needs.
After completing this course, you will be equipped to implement complex state management functionalities, ensuring data consistency and synchronization across different application parts.
ABOUT THE AUTHOR
Packt
A tech learning platform that provides online courses, eBooks, videos, and other resources to help individuals and organizations stay ahead of emerging and popular technologies.
Trusted by 2.9 million developers working at companies
A
Anthony Walker
@_webarchitect_
E
Evan Dunbar
ML Engineer
S
Software Developer
Carlos Matias La Borde
S
Souvik Kundu
Front-end Developer
V
Vinay Krishnaiah
Software Developer
Built for 10x Developers
No Passive Learning
Learn by building with project-based lessons and in-browser code editor
Personalized Roadmaps
The platform adapts to your strengths & skills gaps as you go
Future-proof Your Career
Get hands-on with in-demand skills
AI Code Mentor
Write better code with AI feedback, smart debugging, and "Ask AI"
MAANG+ Interview Prep
AI Mock Interviews simulate every technical loop at top companies
Free Resources
