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.

Intermediate

73 Lessons

27h

Certificate of Completion

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.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

37 Playgrounds

10 Quizzes

This course includes

37 Playgrounds

10 Quizzes

Course Overview

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 ...Show More

TAKEAWAY SKILLS

React.js

Mobile Application Development

What You'll Learn

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

What You'll Learn

Familiarity with the core components of React Native, including states, props, hooks, and context

Course Content

Before We Begin

Get familiar with React Native state management techniques via practical development of a social media clone.

Overview

Structure of the Course

What Are React and React Native?

Look at React and React Native's history, core concepts, components, and real-world applications.

Overview

History of ReactJS ReactJS Component Foundation React Native Summary: React and React Native Quiz: React and React Native

Managing State in a Simple React App

Break apart state management basics, hooks, and a simple social media app structure.

Overview What Is State and How Is It Different From Props?What Are Stateful and Stateless Components?Which Hooks Should We Know?Social Media App Structure Summary: Managing State in a Simple React App Quiz: Managing State in a Simple React App

Planning and Setting Up the Funbook App

Grasp the fundamentals of planning, structuring, previewing, and debugging for effective app development in React Native.

Overview Planning the Required Surfaces and Components Planning Data Flows in the App Getting Comfortable Previewing and Debugging the App Summary: Create a Real Working App Quiz: Creating a Real Working App

Styling and Populating the Funbook App

Map out the steps for styling, populating, and integrating data in the Funbook app.

Overview Creating and Styling the Feed Surface Creating and Styling the Conversations Surface Pulling in Data for the App Challenge: Building the Profile Surface Solution: Building the Profile Surface Summary: Styling and Populating the App Quiz: Styling and Populating the Funbook App

Implementing Redux in Our Funbook App

8 Lessons

Tackle Redux state management in Funbook app with Redux Toolkit, actions, reducers, and global state handling.

Using MobX as a State Manager in a React Native App

9 Lessons

Practice using MobX for state management, transitioning state management, and improving data handling.

Untangling Complex Flows in React Native Apps with XState

9 Lessons

Break down complex flows in React Native using XState for efficient state management.

Integrating Jotai in a React Native App

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

6 Lessons

Go hands-on with React Query for efficient server-side state management in React Native.

11.

Conclusion

1 Lesson

Enhance your skills in React and state management for exceptional frontend development.

12.

Appendix

3 Lessons

Map out the steps for environment setup, key resources, and expert insights.

Build an E-Commerce App with React Native, Redux, and Firebase

Project

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!