Slide 1
Slide 1 text
Teddy Ku
'VODUJPOBMQSPHSBNNJOHGPS6*
Slide 2
Slide 2 text
2
Copyright © Merpay, Inc. All Rights Reserved.
5FEEZ,V
!ULVJDIPPTFZPV
!ULVJDIPPTFZPV
4UBUVT
Slide 3
Slide 3 text
3
Copyright © Merpay, Inc. All Rights Reserved.
'FBUVSF
0OCPBSEJOHUVUPSJBMT
Slide 4
Slide 4 text
4
Copyright © Merpay, Inc. All Rights Reserved.
'FBUVSF
0OCPBSEJOHUVUPSJBMT
Slide 5
Slide 5 text
5
0OCPBSEJOHUVUPSJBMT
Copyright © Merpay, Inc. All Rights Reserved.
Slide 6
Slide 6 text
6
Copyright © Merpay, Inc. All Rights Reserved.
class BalloonView: UIView {
var onTapped: (() -> Void)?
var contentView: UIView
func show() { /* ... */ }
func dismiss() { /* ... */ }
/* ... */
}
Slide 7
Slide 7 text
7
Copyright © Merpay, Inc. All Rights Reserved.
class ViewController: UIViewController {
func showTutorialFlow() {
let tutorialOne = tutorialOneBalloonView()
let tutorialTwo = tutorialTwoBalloonView()
let tutorialThree = tutorialThreeBalloonView()
tutorialOne.onTapped = { [weak tutorialOne] in
tutorialOne?.dismiss()
tutorialTwo.show()
}
tutorialTwo.onTapped = { [weak tutorialTwo] in
tutorialTwo?.dismiss()
tutorialThree.show()
}
tutorialThree.onTapped = { [weak self, weak tutorialThree] in
tutorialThree?.dismiss()
self?.hideGrayOverlay { }
}
showGrayOverlay {
tutorialOne.show()
}
}
Slide 8
Slide 8 text
8
Copyright © Merpay, Inc. All Rights Reserved.
class ViewController: UIViewController {
func showTutorialFlow() {
let tutorialOne = tutorialOneBalloonView()
let tutorialTwo = tutorialTwoBalloonView()
let tutorialThree = tutorialThreeBalloonView()
%PO`UXBOUUPJOTUBOUJBUFFWFSZUIJOHVQGSPOU
0OMZOFFEPOFWJFXBUBUJNF
Slide 9
Slide 9 text
9
Copyright © Merpay, Inc. All Rights Reserved.
3FXSJUFPOFWJFXBUBUJNF
Slide 10
Slide 10 text
class ViewController: UIViewController {
func showTutorialFlow() {
let tutorialOne = tutorialOneBalloonView()
tutorialOne.onTapped = { [weak tutorialOne] in
tutorialOne?.dismiss()
let tutorialTwo = tutorialTwoBalloonView()
tutorialTwo.onTapped = { [weak tutorialTwo] in
tutorialTwo?.dismiss()
let tutorialThree = tutorialThreeBalloonView()
tutorialThree.onTapped = { [weak self, weak tutorialThree] in
tutorialThree?.dismiss()
self?.hideGrayOverlay { }
}
tutorialThree.show()
}
tutorialTwo.show()
}
showGrayOverlay {
tutorialOne.show()
}
}
10
Copyright © Merpay, Inc. All Rights Reserved.
Pyramid of doom
Slide 11
Slide 11 text
11
Copyright © Merpay, Inc. All Rights Reserved.
/FTUFEDMPTVSFT
)PXUPEFBMXJUIUIFN
Slide 12
Slide 12 text
12
Copyright © Merpay, Inc. All Rights Reserved.
'VODUJPOTJOGVODUJPOT
-FU`TVTFGVODUJPOT
'VODUJPOBM1SPHSBNNJOH
Slide 13
Slide 13 text
13
Copyright © Merpay, Inc. All Rights Reserved.
5IJOLUPQEPXO
8IBUXPVMEUIFJEFBMTPMVUJPOMPPLMJLF
Slide 14
Slide 14 text
14
Copyright © Merpay, Inc. All Rights Reserved.
func showTutorialFlow() {
let tutorialBalloon = tutorialOneBalloonView()
let transitions = tutorialBalloon.onTapped({ inputBalloonView in
inputBalloonView?.dismiss()
return tutorialTwoBalloonView()
}) >>> { inputBalloonView in
inputBalloonView?.dismiss()
return tutorialThreeBalloonView()
} >>> { inputBalloonView in
inputBalloonView?.dismiss()
return tutorialFourBalloonView()
} >>> { inputBalloonView in
inputBalloonView?.dismiss()
return tutorialFiveBalloonView()
} >>> { [weak self] inputBalloonView in
inputBalloonView?.dismiss()
self?.hideGrayOverlay { }
return nil
}
tutorialBalloon.show(onTapped: transitions)
}
$PNQPTBCMFUSBOTJUJPOGVODUJPOT
Slide 15
Slide 15 text
15
Copyright © Merpay, Inc. All Rights Reserved.
)PXXPVMEXFJNQMFNFOUUIJT
Slide 16
Slide 16 text
16
Copyright © Merpay, Inc. All Rights Reserved.
typealias BalloonTransition = (BalloonView?) -> BalloonView?
// associativity: right
infix operator >>>: FunctionArrowPrecedence
func >>> (
transitionOne: @escaping BalloonTransition,
transitionTwo: @escaping BalloonTransition) -> BalloonTransition {
return { balloonView in
balloonView?._nextTransition = transitionTwo
return transitionOne(balloonView)
}
}
1 >>> (2 >>> (3 >>> (4 >>> 5)))
Slide 17
Slide 17 text
17
Copyright © Merpay, Inc. All Rights Reserved.
func >>> (
transitionOne: @escaping BalloonTransition,
transitionTwo: @escaping BalloonTransition) -> BalloonTransition {
return { balloonView in
balloonView?._nextTransition = transitionTwo
return transitionOne(balloonView)
}
}
1 >>> (2 >>> (3 >>> (4 >>> 5)))
func showTutorialFlow() {
let tutorialBalloon = tutorialOneBalloonView()
let transitions = tutorialBalloon.onTapped({ inputBalloonView in
inputBalloonView?.dismiss()
return tutorialTwoBalloonView()
}) >>> { inputBalloonView in
inputBalloonView?.dismiss()
return tutorialThreeBalloonView()
} >>> { inputBalloonView in
inputBalloonView?.dismiss()
return tutorialFourBalloonView()
} >>> { inputBalloonView in
inputBalloonView?.dismiss()
return tutorialFiveBalloonView()
} >>> { [weak self] inputBalloonView in
inputBalloonView?.dismiss()
self?.hideGrayOverlay { }
return nil
}
tutorialBalloon.show(onTapped: transitions)
}
Slide 18
Slide 18 text
18
Copyright © Merpay, Inc. All Rights Reserved.
func showTutorialFlow() {
let tutorialBalloon = tutorialOneBalloonView()
let transitions = tutorialBalloon.onTapped({ inputBalloonView in
inputBalloonView?.dismiss()
return tutorialTwoBalloonView()
}) >>> { inputBalloonView in
inputBalloonView?.dismiss()
return tutorialThreeBalloonView()
} >>> { inputBalloonView in
inputBalloonView?.dismiss()
return tutorialFourBalloonView()
} >>> { inputBalloonView in
inputBalloonView?.dismiss()
return tutorialFiveBalloonView()
} >>> { [weak self] inputBalloonView in
inputBalloonView?.dismiss()
self?.hideGrayOverlay { }
return nil
}
tutorialBalloon.show(onTapped: transitions)
}
func >>> (
transitionOne: @escaping BalloonTransition,
transitionTwo: @escaping BalloonTransition) -> BalloonTransition {
return { balloonView in
balloonView?._nextTransition = transitionTwo
return transitionOne(balloonView)
}
}
} >>> { inputBalloonView in
inputBalloonView?.dismiss()
return tutorialFiveBalloonView()
} >>> { [weak self] inputBalloonView in
inputBalloonView?.dismiss()
self?.hideGrayOverlay { }
return nil
}
-BTUUXPDMPTVSFT
Slide 19
Slide 19 text
Copyright © Merpay, Inc. All Rights Reserved.
{ balloon4 in
balloon4.nextTransition = { [weak self] balloon5 in
balloon5?.dismiss()
self?.hideGrayOverlay { }
return nil
}
balloon4?.dismiss()
return tutorialFiveBalloonView()
}
} >>> { inputBalloonView in
inputBalloonView?.dismiss()
return tutorialFiveBalloonView()
} >>> { [weak self] inputBalloonView in
inputBalloonView?.dismiss()
self?.hideGrayOverlay { }
return nil
}
FYFDVUFXIFOCBMMPPOJTUBQQFE
FYFDVUFXIFO
CBMMPPOJTUBQQFE
8IBUEPFTSFUVSOTBDMPTVSF OPUBDUVBMDPEF
Slide 20
Slide 20 text
Copyright © Merpay, Inc. All Rights Reserved.
balloon3.nextTransition = { balloon4 in
balloon4.nextTransition = { [weak self] balloon5 in
balloon5?.dismiss()
self?.hideGrayOverlay { }
return nil
}
balloon4?.dismiss()
return tutorialFiveBalloonView()
}
balloon3?.dismiss()
return tutorialFourBalloonView()
GVODUJPOXJMMTFUUIFDMPTVSFUP
UIFQSFWJPVT#BMMPPO7JFX
8IBUEPFT OPUBDUVBMDPEF
Slide 21
Slide 21 text
Copyright © Merpay, Inc. All Rights Reserved.
balloon2.nextTransition = { balloon3 in
balloon3.nextTransition = { balloon4 in
balloon4.nextTransition = { [weak self] balloon5 in
balloon5?.dismiss()
self?.hideGrayOverlay { }
return nil
}
balloon4?.dismiss()
return tutorialFiveBalloonView()
}
balloon3?.dismiss()
return tutorialFourBalloonView()
}
balloon2?.dismiss()
return tutorialThreeBalloonView()
8IBUEPFT OPUBDUVBMDPEF
Slide 22
Slide 22 text
Copyright © Merpay, Inc. All Rights Reserved.
tutorialBalloon.show(onTapped: { balloon1 in
balloon1.nextTransition = { balloon2 in
balloon2.nextTransition = { balloon3 in
balloon3.nextTransition = { balloon4 in
balloon4.nextTransition = { [weak self] balloon5 in
balloon5?.dismiss()
self?.hideGrayOverlay { }
return nil
}
balloon4?.dismiss()
return tutorialFiveBalloonView()
}
balloon3?.dismiss()
return tutorialFourBalloonView()
}
balloon2?.dismiss()
return tutorialThreeBalloonView()
}
balloon1?.dismiss()
return tutorialTwoBalloonView()
})
8IBUEPFT OPUBDUVBMDPEF
Slide 23
Slide 23 text
Copyright © Merpay, Inc. All Rights Reserved.
tutorialBalloon.show(onTapped: { balloon1 in
balloon1.nextTransition = { balloon2 in
balloon2.nextTransition = { balloon3 in
balloon3.nextTransition = { balloon4 in
balloon4.nextTransition = { [weak self] balloon5 in
balloon5?.dismiss()
self?.hideGrayOverlay { }
return nil
}
balloon4?.dismiss()
return tutorialFiveBalloonView()
}
balloon3?.dismiss()
return tutorialFourBalloonView()
}
balloon2?.dismiss()
return tutorialThreeBalloonView()
}
balloon1?.dismiss()
return tutorialTwoBalloonView()
})
Slide 24
Slide 24 text
24
Copyright © Merpay, Inc. All Rights Reserved.
.JTTJPOBDDPNQMJTIFE
3FBEBCMFDPEF
0OMZPOF#BMMPPO7JFXJONFNPSZ
Slide 25
Slide 25 text
25
Copyright © Merpay, Inc. All Rights Reserved.
$VSSZJOH
func add(x: Int) -> ((Int) -> Int) {
return { y in return x + y }
}
// Removed in Swift 3
// https://github.com/apple/swift-evolution/blob/master/proposals/0002-remove-currying.md
func foo(x: Int)(y: Int)
Slide 26
Slide 26 text
26
Copyright © Merpay, Inc. All Rights Reserved.
typealias Filter = (CIImage) -> CIImage
let myFilter = blur(blurRadius) >>> colorOverlay(overlayColor)
let result = myFilter(image)
*OTQJSBUJPO'VODUJPOBM4XJGU PCKDJP
Slide 27
Slide 27 text
27
Copyright © Merpay, Inc. All Rights Reserved.
4XJGU0CKFDUJWF$
Slide 28
Slide 28 text
28
Copyright © Merpay, Inc. All Rights Reserved.
5IBOLZPV
HJUIVCDPNNFSDBSJ#BMMPPO7JFX