Women Developer Academy: MVI in a nutshell

PRESENTED AT:
Women Developer Academy 2021

DATE:
May 10, 2021

DESCRIPTION:
In this presentation, we will embark on a journey to explore the core principles and benefits of MVI architecture in the context of Android development. MVI is known for its clarity, testability, and scalability, making it a valuable choice for building modern, reactive, and highly interactive Android applications.

Throughout the presentation, we will demonstrate practical examples of MVI implementation, showcasing how it simplifies state management, enhances UI responsiveness, and enables cleaner, maintainable apps

MORE TALKS & ARTICLES FROM ME: https://cupsofcode.com/talks/

Transcript

1. MVI in a nutshell Aida Issayeva
2. About me 󰠁 Software Engineer 🤖 I build Android apps 󰠅 Udacity Instructor 🐦 @aida_isay 🌐 cupsofcode.com
3. Android Architecture MVC MVP MVVM MVI
4. What is MVI? __
5. What is MVI? Model View Intent __
6. Unidirectional flow! Or reactive arch pattern __
7. https://proandroiddev.com/the-contract-of-the-model-view-intent-architecture-777f95706c1e
8. Multiple User Actions sealed class FeedIntent { data class RestaurantClicked(val restaurantId: String) : FeedIntent() data class LikeClicked(val restaurantId: String, val isLiked: Boolean) : FeedIntent() } __
9. Multiple Results val dataIntent = feedRestaurantsUseCase.execute() .map<FeedIntent> { FeedIntent.Data(restaurants = it.map { it.toUiModel(stringResources) }) } .startWith(FeedIntent.Loading) .onErrorReturn { FeedIntent.Error(error = it) } __
10. Single ViewState data class FeedViewState( val isLoading: Boolean = false, val error: Throwable? = null, val restaurants: List<RestaurantUiModel> = emptyList(), val toolbarTitle: String = "", val searchedCity: String = "Hoboken", val emptyListMessage: String = "" ) __
11. Reducer from multiple intents into single viewstate. __________________
12. private val reducer = BiFunction<FeedViewState, FeedIntent, FeedViewState> { previous, intent -> when (intent) { is FeedIntent.Data -> { previous.copy( restaurants = intent.restaurants, isLoading = false, toolbarTitle = "Sample", emptyListMessage = "" ) } else -> previous } } __
13. UI subscription to the single viewstate __
14. Benefits: State Management Thread Safety Easy Testing __
15. Side effects: Opportunity for memory leaks Boilerplate __
16. Checkout the github project
17. Thank you @aida_isay cupsofcode.com
18. Resources: • Android MVI reactive architecture pattern • Unidirectional state flow patterns • Battle of the android architecture patterns