This document discusses the architecture of a chat application built with React and Redux. It describes the main components used, including Sidebar, Conversation, and User components. It explains how state is handled through Redux, with actions dispatched from events like new messages and loading messages from the server. Selectors are used to retrieve relevant state for components. The data flow involves a socket server and client to handle real-time updates from the server.
27. Supplyfx Chat
actions: are payloads of information
that send data to the store.
components: React components that
are driven solely by props and don't
talk to Redux.
constants: Like actionTypes, storage
keys
containers: React components that
are aware of Redux, Router, etc.
28. Supplyfx Chat
lib: utility code, helpers
records: Immutable Records, like
Models
reducers: Redux reducers, response for
the actions, splitting the state to slices.
selectors: memorized, composable
selector functions
store: create store for redux
application.