Overview

In the previous section, we got our hands a little bit dirty. We managed to build the frontend of a functioning app. Of course, the functionalities we created were limited. A real-world social media app would be much more robust, with many more components and user flows. However, bigger apps bring their own set of problems like:

• Handling large datasets

• Establishing style guides

• Managing analytics

• And many other problems that we don’t want to spend our time on

Goal of the section

We are here to talk about different solutions for state management. In the interest of staying focused, we added a few functionalities to our app that were not described in detail in the previous section. We added a modal displaying an enlarged version of the images on the “Feed” surface, another modal displaying images added by the users listed at the top of the “Feed” surface and components and styles for the “Login” surface, and a functioning “Like” button in the modal with the images, connected to the “Profile” surface.

Base application

Let’s look at the application with the above-mentioned functionalities below: