MVVM Presentation.pptx

Android
MVVM
by Syed Asfandyar Zaidi
DevSky Private Limited

of 20
01
What is MVVM
04
Difference B/W
MVP & MVVM
02
About MVVM
03
Difference B/W
MVC & MVVM
05
Data Binding
06
What is Repository
LIST OF C ONTENTS
07
What is Live Data
08
Examples
09
Testing MVVM
10
Discussion Session

of 20
What Is MVVM?
MVVM architecture facilitates a separation of development of the
graphical user interface with the help of mark-up language or GUI
code. The full form of MVVM is Model–View–View Model. The
view model of MVVM is a value converter that means that it is view
model’s responsibility for exposing the data objects from the Model
in such a way that objects are easily managed and presented.

MVVM stands for Model, View, ViewModel.
Model: This holds the data of the application. It cannot directly talk to the View.
Generally, it’s recommended to expose the data to the View Model through Observables.
View: It represents the UI of the application devoid of any Application Logic. It
observes the View Model.
ViewModel: It acts as a link between the Model and the View. It’s responsible for
transforming the data from the Model. It provides data streams to the View. It also
uses hooks or callbacks to update the View. It’ll ask for the data from the Model..
Page 04 of 20
About MVVM

of 20
Difference between
MVC and MVVM
Here, are the important difference between MVVM and MVC

of 20
Difference between
MVP and MVVM
Here, are the important difference between MVVM and MVC

of 20
WhatisdatabindinginMVVMAndroid?
The Data Binding Library is a support library that allows you to bind
UI components in your layouts to data sources in your app using a
declarative format rather than programmatically. Layouts are often
defined in activities with code that calls UI framework methods.

of 20
WhatisdatabindinginMVVMAndroid?

of 20
WhatisTwo-WayDataBinding
As the name suggests it’s nothing but a binding view and model
together to get the latest updates both ways.

of 20
WhatisTwo-WayDataBinding

of 20
WhatisRepositoryinAndroid’s
MVVMarchitecture?
Repository is a class which purpose is to provide a clean API for accessing data.
What that means is that the Repository can gather data from different data
sources(different REST APIs, cache, local database storage) and it provides this
data to the rest of the app. The other components don’t know where the data
comes from, they just consume it. It also serves as a single source of truth. Its
role is to keep the local database up to date with the newest fetched data
from remote service so that the application can still provide its functionalities
with bad Internet connection or no connection at all.
Let’s look at an example where the ViewModel asks the Repository for data
which will be visualized in the View.

of 20
MVVMarchitecture?

of 20
MVVMarchitecture?
As we can see the Repository serves as a mediator between the ViewModel
and the sources of data. The process of returning data is shown in the
diagram. First the ViewModel asks the Repository for data. The Repository
checks what’s in the database and returns the persisted data to the
ViewModel for further visualization in the View. While the Repository is
getting data from the database, it also sends a request to the remote service
in parallel (asynchronously). When the response is back, the Repository
updates the database with the newest fetched data. Then this data is
consumed from the ViewModel which transforms it in an appropriate way and
returns it to the View.

of 20
WhatisLiveData?
LiveData is an observable data holder class. Unlike a regular
observable, LiveData is lifecycle-aware, meaning it respects the
lifecycle of other app components, such as activities, fragments,
or services. This awareness ensures LiveData only updates app
component observers that are in an active lifecycle state.

of 20
ViewModelCodeExample

of 20
MainActivityCodeExample

of 20
TestingMVVM
Testing is straightforward when you apply a good pattern. There are a few secrets to
testing MVVM, but here’s the best approaches.
Start testing the ViewModel. Test each one of the public methods, going through as
many cases as you can. Not just the obvious paths, but real edge cases that you’re sure
are never going to happen. Trust me: users and future developers will reach those edge
cases. If something isn’t testable, wrap it! Create an interface that contains all of the
methods you need from the untestable class. Create a class that implements that
interface and instantiate the untestable class you wanted to use inside of it. Then, inside
your class, call the methods from the untestable class. This is called the Proxy design
pattern. Now you have an interface you can use in your app that’s easily replaceable
with a mock object. This way, you can “throw” untestable dependencies outside your
class.

Thank You
Yo u M a y A s k Q u e s t i o n N o w

MVVM Presentation.pptx

More Related Content

Similar to MVVM Presentation.pptx

Recently uploaded

MVVM Presentation.pptx