redux_state_design.md

Redux State Design

The following describes the shape of our state as it will be kept in Redux. The Redux docs suggest keeping the data normalized.

state = {
  entities: {
    chats: {
      1: {
        title: "The First Penny Chat",
        description: "The first chat ever created",
        date: "2020-01-01 12:00:00.000",
        participants: [
          {
            userProfile: 1,
            role: "Organizer"
          },
          {
            userProfile: 2,
            role: "Invitee"
          }
        ],
        followUpsUrl: "/api/chats/1/followups"
      },
      2: {
        title: "The Next Penny Chat",
        description: "This is another example",
        date: "2020-12-01 20:00:00.000",
        participants: [
          {
            userProfile: 2,
            role: "Organizer"
          },
          {
            userProfile: 1,
            role: "Attendee"
          }
        ],
        followUpsUrl: "/api/chats/1/followups"
      }
    },
    followUps: {
      1: {
        content: "This was a great Penny Chat. I loved it!",
        date: "2020-01-01 15:00:00.000",
        userProfile: 1
      },
      2: {
        content: "We learned a lot. Trust me.",
        date: "2020-12-01 21:00:00.000",
        userProfile: 2
      },
      3: {
        content: "I have nothing more to add.",
        date: "2020-12-01 21:30:00.000",
        userProfile: 1
      }
    },
    userProfiles: {
      1: {
        realName: "Nick Chouard"
      },
      2: {
        realName: "John Berryman"
      }
    }
  },
  pagination: {
    chatsByFilter: {
      all: {
        isFetching: false,
        nextPageUrl: null,
        ids: [1, 2, 3]
      }
    },
    followUpsByChat: {
      1: {
        isFetching: false,
        nextPageUrl: null,
        ids: [1]
      },
      2: {
        isFetching: false,
        nextPageUrl: null,
        ids: [2, 3]
      }
    }
  }
}