MVI architecture for Android with XML layouts

Build Android app with the MVI architecture, where a single button triggers an intent, shows a loading spinner, and displays a list of animals with images from a backend API.

Create a new Android project with an empty activity, add dependencies (lifecycle-viewmodel, retrofit, glide, recycler view), enable data binding and internet permission to fetch and display animals from an API.

Structure a Kotlin project with a model for animal, an animal API using retrofit to fetch animals.json, and an animal repository plus a view model factory to support MVI architecture.

Define the main intent and main state abstractions for an Android MVI app, introducing fetch animals, idle, a spinner state, animals list, and error states to drive the view model.

Build the main view model in the MVI Android architecture, wiring a private mutable state flow, a public state flow, and handling intents via a channel to fetch animals.

Design the UI for a list using a recycler view in the main activity. Define animal item layout with image, name, location, and a fetch button with a progress bar.

Create the animal list adapter for a recycler view with a data view holder binding name, location, and image via URL and Glide; add a function to refresh the list.

The instructor wires the main activity to the view model and adapter, sets up the recycler view, and sends a fetch animals intent to update the state.

Run the app to verify UI interactions and fix a crash caused by view holder creation, then see how the MVI architecture uses intents and state to enable observable states.

Celebrate completing the course and apply mvi architecture in day-to-day android development with xml layouts, implementing the concepts in your apps and knowing when to use them.