A mastodon sample SwiftUI app implemented with the architecture of state management with normalized cache

MastodonNormalizedCacheSample

This is a mastodon sample SwiftUI app. This app is implemented with the architecture of state management with normalized cache.

Home Detail Profile

Requirements

Xcode 14 beta 1+ iOS 16.0+

Motivation

If you develop an iOS app for mastodon, for example, you need to make sure that no matter which screen you use to perform a favorite action on a post, the same post on all screens should reflect the same state. The same is true for other mutations, such as updating profile information.

To prevent data inconsistencies, a good solution is to hoist up the states that require synchronization as Global State and propagate them to each screen, rather than managing them separately on each screen.

The Single Store architecture such as Redux is well known as a method of managing Global State, but it is an overkill architecture when most of the state to be managed is Server State, such as responses from the server.

Solution

In order to meet these requirements, the architecture of state management with Normalized Cache is adopted. A GraphQL Client library such as Apollo Client and Relay provides this functionality.

Normalized Cache is that splitting the data retrieved from the server into individual objects, assign a logically unique identifier to each object, and store them in a flat data structure.

This allows, for example, in the case of the mastodon application shown in the previous example, favorite actions on a post object will be properly updated by a single uniquely managed post object, so that they can be reflected in the UI of each screen without inconsistencies.

GitHub

View Github