Write an iOS app following VIPER architecture. But in an easy way.
We all know Viper is cool. But we also know that it's hard to setup. This library intends to simplify all that boilerplate process. If you don't know yet what Viper is, check this out: Architecting iOS Apps with VIPER (objc.io)
- iOS 12.0+
- Swift 5.1+
- Xcode 12.0+
You can easily install this framework using SPM on Xcode. Go to File | Swift Packages | Add Package Dependency... in Xcode and search for "http://github.com/ferranabello/Viperit"
CocoaPods is a dependency manager for Cocoa projects.
Specify Viperit into your project's Podfile:
source 'https://github.com/CocoaPods/Specs.git'
platform :ios, '12.0'
use_frameworks!
pod 'Viperit'Carthage is a decentralized dependency manager that builds your dependencies and provides you with binary frameworks.
To integrate Viperit into your Xcode project using Carthage, specify it in your Cartfile:
github "ferranabello/Viperit"
Run carthage update to build the framework and drag the built Viperit.framework into your Xcode project.
Viperit Xcode templates can be downloaded from the latest release page. Download the Templates.zip file.
To install them, unzip the file, open your terminal and run:
cd PATH/TO/UNZIPPED/FOLDER
mkdir -p ~/Library/Developer/Xcode/Templates/
cp -R Viperit ~/Library/Developer/Xcode/Templates/
You can check "Also create a Storyboard file for module" if you want the storyboard file to be automatically created for you. Choose between "Universal" to use just one view for phones and tablets, and "Dedicated Tablet View" if you want to have a separated view for tablet devices.
Any Viperit module will assume its view is loaded from a Storyboard by default. But you can use storyboards, nibs, code or even SwiftUI views! All you need to do is to override the variable viewType in your modules enum:
enum MySuperCoolModules: String, ViperitModule {
case theStoryboardThing
case oldSchool
case xibModule
case whatTheSwift
var viewType: ViperitViewType {
switch self {
case .theStoryboardThing: return .storyboard
case .oldSchool: return .code
case .xibModule: return .nib
case .whatTheSwift: return .swiftUI
}
}
}This framework is very flexible, it's meant to be used in any way you want, but it has some useful built-in functionalities in the router that you could use:
//Show your module as the root view controller of the given window
func show(inWindow window: UIWindow?, embedInNavController: Bool, setupData: Any?, makeKeyAndVisible: Bool)
//Show your module from any given view controller
func show(from: UIViewController, embedInNavController: Bool, setupData: Any?)
//Show your module inside another view
func show(from containerView: UIViewController, insideView targetView: UIView, setupData: Any?)
//Present your module modally
func present(from: UIViewController, embedInNavController: Bool, presentationStyle: UIModalPresentationStyle, transitionStyle: UIModalTransitionStyle, setupData: Any?, completion: (() -> Void)?)You can test your module injecting mock layers like so:
var module = AppModules.home.build()
view = HomeMockView()
view.expectation = expectation(description: "Test expectation")
module.injectMock(view: view)
...Now, let's create our first Viperit module called "myFirstModule"!
Let's use the provided Xcode template to easily create all the needed classes for the module. Just click New file in the document panel and choose between Protocol-oriented module, Object-oriented module or SwiftUI module under the "Viperit" section.
You need at least one (you can use as many as you like, maybe to group modules by functionality) enum that implements the ViperitModule protocol to enumerate your application modules.
import Viperit
//MARK: - Application modules
enum AppModules: String, ViperitModule {
case myFirstModule
}Imagine this is a new app and we want to load our "myFirstModule" module as the app's startup module
import Viperit
@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {
var window: UIWindow?
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
window = UIWindow(frame: UIScreen.main.bounds)
let module = AppModules.myFirstModule.build()
let router = module.router as! MyFirstModuleRouter
router.show(inWindow: window)
return true
}
}This is just an example, you could of course use your own router functions instead of the provided show(inWindow:):
window = UIWindow(frame: UIScreen.main.bounds)
let module = AppModules.myFirstModule.build()
let router = module.router as! MyFirstModuleRouter
router.mySuperCoolShowFunction(inWindow: window)Let's say you created a module based on SwiftUI called 'Cool'. All you need to do is to use the new Viperit SwiftUI module builder:
import SwiftUI
import Viperit
//A sample function that could be implemented in some Router to show your Cool SwiftUI module
//You can even inject an @EnvironmentObject view model to your SwiftUI view.
func showTheCoolModule() {
let module = AppModules.cool.build { presenter -> (CoolView, UserSettings) in
let p = presenter as! CoolPresenterApi
let settings = p.settings()
return (CoolView(presenter: p), settings)
}
let router = module.router as! CoolRouter
router.show(from: viewController)
}Check the example app to have a better understanding of how it works, and how to manage data flow on SwiftUI with the presenter.
Everything is ready for you to make great things the Viper way! Clone the repo and run the 'Example' target to see it in action! Or just try it with Cocoapods:
pod try ViperitViperit is released under MIT license and copyrighted by Ferran Abelló.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent