Auto Calculate Math Statement

Sample project of iOS

1. Using MVVM:

• With Wireframe for navigating from / to a screen
• With Service for all request used in a screen

2. Using Bond for Binding (https://github.com/DeclarativeHub/Bond)

3. Supported by API of MathJS (https://api.mathjs.org)

Current project is using One-Way and Two-Ways Binding, binding placed in View:

1. Main binding

// in View
func setupBinding() {
    textField.reactive.text.bidirectionalBind(to: viewModel.model.statement)
    viewModel.model.result.bind(to: resultLabel)
    viewModel.showLoading.bind(to: self) { vc, _ in
        vc.showLoading()
    }
    viewModel.hideLoading.bind(to: self) { vc, _ in
        vc.hideLoading()
    }
}

2. Two-Ways Binding

Everytime user typing in the textField in "View", the value of statement in "ViewModel" also changed.

// in View
textField.reactive.text.bidirectionalBind(to: viewModel.model.statement)

And then, when user click the button "CLEAR", it trigger function reset() in "ViewModel". This function clear the statement in "ViewModel", and also change the textField in "View".

// in View
@IBAction func onTapClearButton(_ sender: Any) {
    viewModel.reset()
}

// in ViewModel
func reset() {
    model.statement.value = ""
    model.result.value = ""
}

3. One-Way Binding

result in ViewModel change resultLabel in View:

// in View
viewModel.model.result.bind(to: resultLabel)

4. Example of using signal to trigger loading in "View" from "ViewModel"

// in View
viewModel.showLoading.bind(to: self) { vc, _ in
    vc.showLoading()
}
viewModel.hideLoading.bind(to: self) { vc, _ in
    vc.hideLoading()
}

Contain Unit Tests:

• Using Quick-Nimble (https://github.com/Quick/Nimble)
• Using OHTTPStubs (https://github.com/AliSoftware/OHHTTPStubs)
• Unit Test showcase

Demo:

Special thanks to OVO-iOS-Team