Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Questions about VIPER - Clean Architecture

I've been reading about Clean Architecture from Robert Martin and more specifically about VIPER.

Then I ran into this article/post Brigade’s Experience Using an MVC Alternative which describes pretty much what I'm currently doing.

After actually trying to implement VIPER on a new iOS project, I've ran into some questions:

  • Is it ok for the presenter to query information in the view or should the "information passing" always start from the view? For example, if the view triggered some action in the presenter, but then, depending on the parameters passed through that action, the presenter might need more information. What I mean is: the user tapped “doneWithState:”, if state == “something”, get information from the view to create an entity, if state == “something else”, animate something in the view. How should I handle this kind of scenario?
  • Lets say a "module" (group of VIPER components) decide to present another module modally. Who should be responsible for deciding if the second module will be presented modally, the first module's wireframe or the second module's wireframe?
  • Also, lets say the second module's view is pushed into a navigation controller, how should the "back" action be handled? Should I manually set a "back" button with an action in the second module's view controller, that calls the presenter, that calls the second module's wireframe that dismiss and tells the first module's wireframe that it was dismissed so that the first module's view controller might want to display something?
  • Should the different modules talk only through the wireframe or also via delegates between presenters? For example if the app navigated to a different module, but after that the user pressed "cancel" or "save" and that choice needs to go back and change something in the first module (maybe display an animation that it was saved or remove something).
  • Lets say a pin was selected on a map, than the PinEditViewController is displayed. When going back, the selected pin's color might need to change depending on use actions on the PinEditViewController. Who should keep the state of the current selected pin, the MapViewController, the MapPresenter or the MapWireframe in order for me to know, when going back, which pin should change color?
like image 538
Rodrigo Ruiz Avatar asked Mar 11 '15 19:03

Rodrigo Ruiz


People also ask

Is Viper same as clean architecture?

What is VIPER? The VIPER pattern is a Clean Architecture that conforms to the Single Responsibility Principle. VIPER strives to divide the app's logic into distinct layers of responsibility.

What is VIPER design pattern?

VIPER (View, Interactor, Presenter, Entity and Router) is a design pattern for software development that develops modular code based on clean design architecture. The modules in VIPER are protocol-oriented and each function, property input and output is performed by way of specific sets of communication rules.

What is VIPER architecture in iOS?

VIPER is an application of Clean Architecture to iOS apps. The word VIPER is a backronym for View, Interactor, Presenter, Entity, and Routing. Clean Architecture divides an app's logical structure into distinct layers of responsibility.

What is clean architecture iOS?

Traits of a Clean architectureThe business rules can be tested without the UI, database, web server, or any other external element. Independent of UI. The UI can change easily, without changing the rest of the system. A web UI could be replaced with a console UI, for example, without changing the business rules.


1 Answers

1. May the Presenter query information from the view

To answer this to your satisfaction, we need more details about the particular case. Why can't the view provide more context information directly upon callback?

I suggest you pass the Presenter a Command object so the Presenter doesn't have to know what to do in which case. The Presenter can execute the object's method, passing in some information on its own if needed, without knowing anything about the view's state (and thus introducing high coupling to it).

  • View is in a state you call x (opposed to y and z). It knows about its state anyway.
  • User finishes the action. View informs its delegate (Presenter) about being finished. Because it is so involved, it constructs a Data Transfer Object to hold all usual information. One of this DTO's attributes is a id<FollowUpCommand> followUpCommand. View creates a XFollowUpCommand (opposed to YFollowUpCommand and ZFollowUpCommand) and sets its parameters accordingly, then putting it into the DTO.
  • Presenter receives the method call. It does something with the data no matter what concrete FollowUpCommand is there. Then it executes the protocol's only method, followUpCommand.followUp. The concrete implementation will know what to do.

If you have to do a switch-case/if-else on some property, most of the time it'd help to model the options as objects inheriting from a common protocol and pass the objects instead of the state.

2. Modal Module

Should the presenting module or the presented module decide if it's modal? -- The presented module (the second one) should decide as long as it's designed to be used modally only. Put knowledge about a thing in the thing itself. If its presentation mode depends on the context, well, then the module itself can't decide.

The second module's wireframe will receive message like this:

[secondWireframe presentYourStuffIn:self.viewController] 

The parameter is the object for which presentation should take place. You may pass along a asModal parameter, too, if the module is designed to be used in both ways. If there's only one way to do it, put this information into the affected module (the one presented) itself.

It will then do something like:

- (void)presentYourStuffIn:(UIViewController)viewController {     // set up module2ViewController      [self.presenter configureUserInterfaceForPresentation:module2ViewController];      // Assuming the modal transition is set up in your Storyboard     [viewController presentViewController:module2ViewController animated:YES completion:nil];      self.presentingViewController = viewController; } 

If you use Storyboard Segues, you'll have to do things a bit differently.

3. Navigation hierarchy

Also, lets say the second module's view is pushed into a navigation controller, how should the "back" action be handled?

If you go "all VIPER", yes, you have to get from the view to its wireframe and route to another wireframe.

To pass data back from the presented module ("Second") to the presenting module ("First"), add SecondDelegate and implement it in FirstPresenter. Before the presented module pops, it sends a message to SecondDelegate to notify about the outcome.

"Don't fight the framework", though. Maybe you can leverage some of the navigation controller niceties by sacrificing VIPER pure-ness. Segues are a step into the direction of a routing mechanism already. Look at VTDAddWireframe for UIViewControllerTransitioningDelegate methods in a wireframe which introduce custom animations. Maybe this is of help:

- (id<UIViewControllerAnimatedTransitioning>)animationControllerForDismissedController:(UIViewController *)dismissed {     return [[VTDAddDismissalTransition alloc] init]; }   - (id<UIViewControllerAnimatedTransitioning>)animationControllerForPresentedController:(UIViewController *)presented                                                                   presentingController:(UIViewController *)presenting                                                                       sourceController:(UIViewController *)source {     return [[VTDAddPresentationTransition alloc] init]; } 

I first thought that you'd need to keep a stack of wireframes similar to the navigation stack, and that all "active" module's wireframes are linked to one another. But this isn't the case. The wireframes manage the module's contents, but the navigation stack is the only stack in place representing which view controller is visible.

4. Message flows

Should the different modules talk only through the wireframe or also via delegates between presenters?

If you directly send another module B's object a message from Presenter A, what should happen then?

Since the receiver's view is not visible, an animation cannot start, for example. The Presenter still has to wait for the Wireframe/Router. So it has to enqueue the animation until it becomes active again. This makes the Presenter more stateful, which makes it harder to work with.

Architecture-wise, think about the role the modules play. In Ports/Adapters architecture, from which Clean Architecture burrows some concepts, the problem is more evident. As an analogy: a computer has many ports. The USB port cannot communicate with the LAN port. Every flow of information has to be routed through the core.

What's at the core of your app?

Do you have a Domain Model? Do you have a set of services which are queried from various modules? VIPER modules center around the view. The stuff modules share, like data access mechanisms, don't belong to a particular module. That's what you may call the core. There, you should perform data changes. If another module becomes visible, it pulls in the changed data.

For mere animation purposes, though, let the router know what to do and issue a command to the Presenter depending on the module change.

In VIPER Todo sample code:

  • The "List" is the root view.
  • An "Add" view is presented on top of the list view.
  • ListPresenter implements AddModuleDelegate. If the "Add" module is finished, ListPresenter will know, not its wireframe because the view is already in the navigation stack.

5. Keeping state

Who should keep the state of the current selected pin, the MapViewController, the MapPresenter or the MapWireframe in order for me to know, when going back, which pin should change color?

None. Avoid statefulness in your view module services to reduce cost of maintaining your code. Instead, try to figure out whether you could pass a representation of the pin changes around during changes.

Try to reach for the Entities to obtain state (through Presenter and Interactor and whatnot).

This doesn't mean that you create a Pin object in your view layer, pass it from view controller to view controller, change its properties, and then send it back to reflect changes. Would a NSDictionary with serialized changes do? You can put the new color in there and send it from the PinEditViewController back to its Presenter which issues a change in the MapViewController.

Now I cheated: MapViewController needs to have state. It needs to know all pins. Then I suggested you pass a change dictionary around so MapViewController knows what to do.

But how do you identify the affected pin?

Every pin might have its own ID. Maybe this ID is just its location on the map. Maybe it's its index in a pin array. You need some kind of identifier in any case. Or you create an identifiable wrapper object which holds on to a pin itself for the duration of the operation. (That sounds too ridiculous for the purpose of changing the color, though.)

Sending Events to Change State

VIPER is very Service-based. There are lots of mostly stateless objects tied together to pass messages along and transform data. In the post by Brigade Engineering, a data-centric approach is shown, too.

Entities are in a rather thin layer. On the opposite of the spectrum I have in mind lies a Domain Model. This pattern isn't necessary for every app. Modeling the core of your app in a similar fashion may be beneficial to answer some of your questions, though.

As opposed to Entities as data containers into which everyone might reach through "data managers", a Domain protects its Entities. A Domain will inform about changes proactively, too. (Through NSNotificationCenter, for starters. Less so through command-like direct message calls.)

Now this might be suitable for your Pin case, too:

  • PinEditViewController changes the pin color. This is a change in a UI component.
  • The UI component change corresponds to a change in your underlying model. You perform the changes through the VIPER module stack. (Do you persist the colors? If not, the Pin Entity is always short-lived, but it's still an Entity because its identity matters, not just its values.)
  • The corresponding Pin has changed color and publishes a notification through NSNotificationCenter.
  • By happenstance (that is, Pin doesn't know), some Interactor subscribes to these notifications and changes its view's appearance.

Although this might work for your case, too, I think tying the edit

like image 165
ctietze Avatar answered Sep 22 '22 18:09

ctietze