App Architecture

The application architecture is different when you use to create applications with Fron.
The following diagram shows the main parts and responsibilities of each part:

Data Store

This stores the data of the collection in records, where each record is a separate entity (can be updated / destroyed separately).

Main (extends Component)

This is the component that contains the List, and responsible for getting the data from the Data Store and then filtering that data for display purposes.

List (extends Collection)

The list is responsible for rendering the collection efficiently using a diff / patch algorithm.

Item (extends Record)

The items are responsible for updating / destroying them-self and reflecting that in the database.

Flows

Display flow

• Main requests all records from the data store
• Main filters the data
• Main passes data to the list
• List create / updates / removes items as needed
• Item renders itself after update

Update / Destroy flow

• Display flow
• Item data is updated
• Item updates / destroyes data in the data store
• Item requests update in an event
• Display flow