Decoding Jetpack Compose — LazyColumn, Navigation Architecture, Data Model, Grid, and TabBar View

Part 0

Since the stable release of jetpack-compose1.0, I start exploring the UI framework.

Declarative UI is the future so I thought I should have a try — and believe me, I’m loving it.

If you’re coming from a Flutter background or any declarative UI background then it's very easy to understand Jetpack Compose declarative UI implementation.

What you’ll build

Let’s skip to the good part:

[project Demo]

If you are new to jetpack-compose you can start your journey by reading this article.

Project Structure

[Project structure]

• Model — This folder contains data class and fake data.
• Screens — This folder contains screens of the app.
• Navigation — This folder contains navigation structure .
• Widget — This folder…