Structure of the Course

Learn about the topics we will be covering in this course.

We'll cover the following

Course outline

Below is the course outline which we will follow:

  • What Are React and React Native?: We will start by reviewing a brief history of web development to better understand the ideas behind the creation of React and React Native. We will also discuss React concepts and get acquainted with React Native code.

  • Managing State in a Simple React App: We will discuss some real-life problems that React developers face. We will concentrate on robust state management for medium-sized and large applications. Since React itself was not created with tools to manage global states, we will look at modern React solutions and other state management strategies.

  • Planning and Setting Up the Funbook App: We will get into coding for real here! We will create our very own app, a social media clone app called Funbook. We will learn about popular tools, especially Expo and the React Native ecosystem.

  • Styling and Populating the Funbook App: We will be all about making the app we have on our hands look good. We will also populate it with some data to work on a project close to how a real production app may work.

Press + to interact

  • Implementing Redux in Our Funbook App: We will explore Redux’s tumultuous history and then go over configuring Redux and the Redux Toolkit in the app. Once the dependencies are set up, we will move on to implementing the like button and the list of liked images with Redux.

  • Using MobX as a State Manager in a React Native App: We will return to the bare React Native app, this time adding MobX and MobX-State-Tree to the mix. We will start by explaining how this library came to be and then move on to configuring it in the Funbook app. Once we’re ready, we will use it for the liked images list and the like button.

  • Untangling Complex Flows in React Native Apps with XState: We will explore some advanced math problems, as XState is based on advanced mathematical concepts. Once we have a handle on them, we will move on to configuring XState in the Funbook app and using it for the liked images functionality.

  • Integrating Jotai in a React Native App: We will return to the bare Funbook app again, and this time, we will implement the youngest state management library in this course: Jotai. We will learn about its concepts, configure it, and use it for the liked button and liked images list functionality.

  • Using React Query for Server-Side-Driven State Management: We will look at the problem of state management in a very new way. Maybe we don’t need state management libraries at all. Maybe all we must do is effectively manage data fetching. To test this hypothesis, we will install, configure, and use React Query, also known as TanStack Query.

  • Appendix: This contains some environment setups, important links and conversations.

Course structure