<center>
<img src="images/architecture-1-overall.png" width="600px" alt="Diagram showing overall app architecture" />
</center>
The architecture follows a reactive programming model with [unidirectional data flow](https://developer.android.com/jetpack/guide/ui-layer#udf). With the data layer at the bottom, the key concepts are:
* Higher layers react to changes in lower layers.
* Events flow down.
* Data flows up.
The data flow is achieved using streams, implemented using [Kotlin Flows](https://developer.android.com/kotlin/flow).
### Example: Displaying news on the For You screen
When the app is first run it will attempt to load a list of news resources from a remote server (when the `prod` build flavor is selected, `demo` builds will use local data). Once loaded, these are shown to the user based on the interests they choose.
The following diagram shows the events which occur and how data flows from the relevant objects to achieve this.
I use this library on jvm target. But with the markdown above, content is parsed as text that starts with an html tag (like <center>), this problem happends on Windows, i'm normal on MacOS.
I use this library on jvm target. But with the markdown above, content is parsed as text that starts with an html tag (like
<center>), this problem happends on Windows, i'm normal on MacOS.Test File
ArchitectureLearningJourney.md