Search⌘ K
AI Features

Planning Data Flows in the App

Explore how to plan and organize data flows within a React Native app. Understand the required data for various app surfaces like Home, Profile, and Messaging. Learn to structure JSON data files and manage user data effectively, preparing for component creation and debugging.

Understanding data organization

This is a part of app development that usually does not fall under the responsibilities of the frontend developer. Clients will often determine what data they want, and that data is organized by the backend developers. However, if we can participate in the way the data flows are organized, we will make our future work easier. Given that we are only building the frontend of an app using example data, we are free to organize it however we like.

Required data for surfaces

We will use the design file again as the basis for what work needs to be done.

  • Starting with the Home screen, we know we need a list of users and a list of items to be displayed on the “Home” surface.

  • As per the “Conversations” surface, we will need a list of conversations with respective usernames and messages.

  • We will also need data for each one of the ...