Recently I joined a project where the architecture follows the Clean-Swift VIP Pattern. This article is an overview and some thoughts from a mobile developer’s perspective who have NEVER touched the VIP architecture before. This article will show the basic concepts of VIP Architecture and how are they work, hope to help someone who puts their hands on this like me.
Why VIP Architecture
As a government project, there are several developers working on the same repo, and there are many PR and merging happening every day. The VIP architecture is more suitable for a project if:
- Many developers are working on the same repo
- Time is quite tight, there are deadlines for each of small functions/features
- Testing more and code less
VIP architecture is consist of three core components:
- ViewController: Here the
UIViewControllerwe saw many times in development, but slightly different,
ViewControllernow interact with users' input (tap button, input text and so on) and rendering views.
- Interactor: Business logic, this is the place we normal do some jobs, such as call an API to get a list of products.
- Presenter: Validate the data and rendering the views. Here
Presenterdoesn't directly draw the views on the screen, instead, it will call
ViewControllerto do that by passing the data.
There are also some other components such as Worker, Router and etc which we will talk about later.
Scene and VIP Circle
The workflow of VIP pattern is working like this:
ViewController → Interactor → Presenter → ViewController
In VIP Architecture, the app consists of many
scenes, and each
scene follows a VIP cycle.
Scene here refers to business logic. For example, a login is a scene, showing a list of products on the screen. There are no specific rules about what a
scene is, as every project is different, we can have as many as we want for each project.
The data flow of VIP Architecture is unidirectional.
ViewControllerget users' input and pass the data to
Interactoras an request.
Interactorprocess (such as verify users' data with an API call) and pass the data to
Presenteras an Response.
Presenterprocess (such as data validation, i.e phone number, email and etc) and pass the data to
ViewController, in other words, rendering on the screen.
What is Next:
In the coming article, let have a simple example to get more details from a code level prospective.