MVIに基づくStateMachineアーキテクチャ：KMPとJetpack ComposeとSwiftUIを組み合わせる

DroidKaigi 2023:

目次：
- KMMとJetpack ComposeとSwiftUIの紹介
- MVIアーキテクチャ
- なぜMVIを使用するのか
- MVIの実装方法
- MVIを使って画面を実装する
- MVIに基くStateMachine
- Jetpack Compose & SwiftUI の導入
- Jetpack Compose上の使い方
- SwiftUI上の使い方
- StateMachine DSL
- StateMachine DSL を使ってリファクタリングする
- 開発上のメリット・デメリット

Transcript

1. MVIʹجͮ͘StateMachineΞʔΩςΫνϟ Kotlin Multiplatform & Jetpack Compose & SwiftUI Λ૊Έ߹ΘͤΔ DroidKaigi 2023 マルコ＆そば屋 1
2. 2 Marco Valentino ߳ߓੜ·ΕɺதࠃҭͪɺΞϝϦΧͷେֶʹߦ͖ɺ೔ຊͰब৬͠·ͨ͠ɻ ڈ೥͔ΒגࣜձࣾΏΊΈͷAndroidςοΫϦʔυͱͯ͠ಇ͍͍ͯ·͢ɻ 2020೥ͷ಄͔ΒKotlin MultiplatformΛϓϩδΣΫτʹಋೖ͠ɺͦΕҎདྷ ͜ͷςΫϊϩδʔʹऔΓ૊ΜͰ͍·͢ɻ wasabi-muffin wasabimuffin8
3. 3 sobaya-0141 sobaya15 ͦ͹԰ גࣜձࣾΏΊΈͰAndroidςοΫϦʔυʢ͓স͍୲౰ʣΛ͠ͳ͕Βٕज़ ޿ใΛ͍ͯ͠·͢ɻ ຖ೔ೋ೔ਲ͍ͳͷͰɺۤͦ͠͏ʹ͍ͯͨ͠Β༏͍ͯͩ͘͘͠͠͞ ※ SNSͰ΋ͳΜͰ΋͓ؾܰʹབྷΜͰ͍ͩ͘͞ʂʂ
4. ςΫϊϩδʔͷ঺հ 1 ▶︎ K o t l i n M u l t i p l a t f o r m の紹介 ▶︎ J e t p a c k C o m p o s e の紹介 ▶︎ S w i f t U I の紹介 MVI ΞʔΩςΫνϟ 2 ▶︎ M V I の紹介 ▶︎なぜ� M V I �を使用するのか ▶︎ M V I の実装方法 ( K M P ) ▶︎ M V I を使って画面を実装する ▶︎ M V I に基づく S t a t e M a c h i n e State Machine DSL 4 ▶︎ S t a t e M a c h i n e D S L �を使って リファクタリングする ▶︎開発上のメリット・デメリット Jetpack Compose & SwiftUIͷಋೖ 3 ▶︎ J e t p a c k C o m p o s e 上の使い方 ▶︎ S w i f t U I 上の使い方 4
5. ςΫϊϩδʔͷ঺հ
6. 5 ςΫϊϩδʔͷ঺հ
7. 5 ςΫϊϩδʔͷ঺հ
8. 6 ςΫϊϩδʔͷ঺հ ▶︎ コードを削減 ▶︎ 直感的 ▶︎ 開発を加速させる ▶︎ パワフル ▶︎ 高度なアニメーション制御 ▶︎ シンプルになったデータフロー ▶︎ A P I の拡 ▶︎ 新タイプのグラフとインタラクティブな機能 Jetpack Compose SwiftUI
9. MVIΞʔΩςΫνϟͷ঺հ
10. 7 MVIͷ঺հ Model View Intent
11. MVIͷ঺հ Model View Intent 7
12. MVIͷ঺հ Model Intent View 7
13. MVIͷ঺հ Model Intent View 7
14. # MVIͷ঺հ Model View Intent dispatch update notify 7
15. # MVIͷ঺հ Model View Intent dispatch update notify 7
16. # MVIͷ঺հ Model View Intent dispatch update notify
17. # MVIͷ঺հ Kotlin Multiplatform dispatch notify intent state Android / iOS 8
18. # MVIͷ঺հ dispatch notify Processor Reducer Android / iOS intent state 8
19. # MVIͷ঺հ dispatch notify Processor Reducer emit Android / iOS intent state action 8
20. # MVIͷ঺հ dispatch notify Processor Reducer emit Android / iOS intent state action 8
21. # MVIͷ঺հ dispatch notify intent state Processor Reducer emit action Android / iOS send event 8
22. 9 MVIͷ঺հ intent state Reducer action Processor Component Contract
23. 10 MVIͷ঺հ Immutability 1 Unidirectional Data Flow 2
24. MVIΞʔΩςΫνϟͷ࣮૷ https://github.com/fika-tech/Macaron スライドに収めるために正しいコード スタイル使っていません !
25. sealed interface Contract interface Intent : Contract interface Action : Contract { interface Event : Action } interface State : Contract # macaron-core/../contract/Contract.kt macaron-core/../contract/Contract.kt 11
26. sealed interface Contract interface Intent : Contract interface Action : Contract { interface Event : Action } interface State : Contract 11 macaron-core/../contract/Contract.kt macaron-core/../contract/Contract.kt
27. 12 macaron-core/../components/Store.kt interface Store<I : Intent, A : Action, S : State> { val state: StateFlow<S> val event: Flow<A?> fun dispatch(intent: I) fun process(event: A) fun dispose() fun collect( onState: (S) -> Unit, onEvent: (A?) -> Unit, ): Job }
28. # macaron-core/../components/Store.kt interface Store<I : Intent, A : Action, S : State> { val state: StateFlow<S> val event: Flow<A?> fun dispatch(intent: I) fun process(event: A) fun dispose() fun collect( onState: (S) -> Unit, onEvent: (A?) -> Unit, ): Job } 12
29. # macaron-core/../components/Store.kt interface Store<I : Intent, A : Action, S : State> { val state: StateFlow<S> val event: Flow<A?> fun dispatch(intent: I) fun process(event: A) fun dispose() fun collect( onState: (S) -> Unit, onEvent: (A?) -> Unit, ): Job } 12
30. # macaron-core/../components/Store.kt interface Store<I : Intent, A : Action, S : State> { val state: StateFlow<S> val event: Flow<A?> fun dispatch(intent: I) fun process(event: A) fun dispose() fun collect( onState: (S) -> Unit, onEvent: (A?) -> Unit, ): Job } 12
31. # macaron-core/../components/Store.kt interface Store<I : Intent, A : Action, S : State> { val state: StateFlow<S> val event: Flow<A?> fun dispatch(intent: I) fun process(event: A) fun dispose() fun collect( onState: (S) -> Unit, onEvent: (A?) -> Unit, ): Job } 12
32. # macaron-core/../components/Store.kt interface Store<I : Intent, A : Action, S : State> { val state: StateFlow<S> val event: Flow<A?> fun dispatch(intent: I) fun process(event: A) fun dispose() fun collect( onState: (S) -> Unit, onEvent: (A?) -> Unit, ): Job } 12
33. # macaron-core/../components/Store.kt interface Store<I : Intent, A : Action, S : State> { val state: StateFlow<S> val event: Flow<A?> fun dispatch(intent: I) fun process(event: A) fun dispose() fun collect( onState: (S) -> Unit, onEvent: (A?) -> Unit, ): Job } 12
34. # macaron-core/../components/Store.kt interface Store<I : Intent, A : Action, S : State> { val state: StateFlow<S> val event: Flow<A?> fun dispatch(intent: I) fun process(event: A) fun dispose() fun collect( onState: (S) -> Unit, onEvent: (A?) -> Unit, ): Job } iOSଆʹKotlin FlowΛ collect͢Δϔϧύʔ 12
35. 13 macaron-core/../components/Processor.kt interface Processor<I : Intent, A : Action, S : State> { suspend fun process(intent: I, state: S): Flow<A> } macaron-core/../components/Reducer.kt interface Reducer<A : Action, S : State> { suspend fun reduce(action: A, state: S): S }
36. 14 macaron-core/../components/DefaultStore.kt class DefaultStore<I : Intent, A : Action, S : State>( initialState: S, private val processor: Processor<I, A, S>, private val reducer: Reducer<A, S>, coroutineContext: CoroutineContext, ) : Store<I, A, S> { private val scope: CoroutineScope = CoroutineScope(coroutineContext + SupervisorJob()) private val intents: MutableSharedFlow<I> = MutableSharedFlow(Int.MAX_VALUE, Int.MAX_VALUE) private val _state: MutableStateFlow<S> = MutableStateFlow(initialState) private val _events: MutableStateFlow<List<Action.Event>> = MutableStateFlow(emptyList()) override val state: MutableStateFlow<S> = _state override val events: Flow<A?> = _events.map { it.firstOrNull() as A? } override val currentState: S get() = _state.value override fun dispatch(intent: I) { scope.launch { intents.emit(intent) } } override fun process(event: A) { scope.launch { _events.emit(_events.value.filterNot { it == event }) } } private suspend fun send(event: Action.Event) { _events.emit(_events.value + event) } override fun dispose() { scope.cancel() } ... }
37. 15 macaron-core/../components/DefaultStore.kt override fun dispatch(intent:aI a ) a {a scope.launch { intents.emit(intent)a}a a }a private val intents = MutableSharedFlow<I>(...)
38. # macaron-core/../components/DefaultStore.kt private val intents = MutableSharedFlow<I>(...) init0{0 scope.launch0{0 intents0 0 .flatMapMerge0{0intent0->0 processor.process(intent,0currentState)0 }0 0 .map0{0action0->0 if0(action0is0Action.Event)0send(action)0 reducer.reduce(action,0currentState) }2 .collect0{0state0->0_state.value0=0state }3 }4 } } 15
39. # macaron-core/../components/DefaultStore.kt intents0 .flatMapMerge0{0intent0->0 processor.process(intent,0currentState)0 }0 .map0{0action0->0 if0(action0is0Action.Event)0send(action)0 reducer.reduce(action,0currentState) }2 .collect0{0state0->0_state.value0=0state }3 15
40. # macaron-core/../components/DefaultStore.kt intents0 .flatMapMerge0{0intent0->0 processor.process(intent,0currentState)0 }0 .map0{0action0->0 if0(action0is0Action.Event)0send(action)0 reducer.reduce(action,0currentState) }2 .collect0{0state0->0_state.value0=0state }3 15
41. # macaron-core/../components/DefaultStore.kt intents0 .flatMapMerge0{0intent0->0 processor.process(intent,0currentState)0 }0 .map0{0action0->0 if0(action0is0Action.Event)0send(action)0 reducer.reduce(action,0currentState) }2 .collect0{0state0->0_state.value0=0state }3 15
42. # macaron-core/../components/DefaultStore.kt intents0 .flatMapMerge0{0intent0->0 processor.process(intent,0currentState)0 }0 .map0{0action0->0 if0(action0is0Action.Event)0send(action)0 reducer.reduce(action,0currentState) }2 .collect0{0state0->0_state.value0=0state }3 15
43. # macaron-core/../components/DefaultStore.kt intents0 .flatMapMerge0{0intent0->0 processor.process(intent,0currentState)0 }0 .map0{0action0->0 if0(action0is0Action.Event)0send(action)0 reducer.reduce(action,0currentState) }2 .collect0{0state0->0_state.value0=0state }3 private val _state = MutableStateFlow(initialState) override val state: StateFlow<S> = _state 15
44. # macaron-core/../components/DefaultStore.kt intents0 .flatMapMerge0{0intent0->0 processor.process(intent,0currentState)0 }0 .map0{0action0->0 if0(action0is0Action.Event)0send(action)0 reducer.reduce(action,0currentState) }2 .collect0{0state0->0_state.value0=0state }3 private val _state = MutableStateFlow(initialState) override val state: StateFlow<S> = _state 15
45. MVIΛ࢖ͬͯը໘Λ࣮૷͢Δ https://github.com/fika-tech/DroidKaigiSample 発表資料とサンプルで使っている 画像は著作権がフリーなものです。 リンクは最後にまとめています。 !
46. 16 ローディング リスト 初期エラー ページ ローディング ページエラー
47. # ローディング リスト 初期エラー ページ ローディング ページエラー 16
48. # ローディング リスト 初期エラー ページ ローディング ページエラー 16
49. # ローディング リスト 初期エラー ページ ローディング ページエラー 16
50. # ローディング リスト 初期エラー ページ ローディング ページエラー 16
51. # ローディング リスト 初期エラー ページ ローディング ページエラー 16
52. # ローディング リスト 初期エラー ページ ローディング ページエラー 16
53. # ローディング リスト 初期エラー ページ ローディング ページエラー 16
54. # ローディング リスト 初期エラー ページ ローディング ページエラー 16
55. # ローディング リスト 初期エラー ページ ローディング ページエラー 詳細 16
56. # ローディング リスト 初期エラー ページ ローディング ページエラー 16
57. # ローディング リスト 初期エラー ページ ローディング ページエラー 16
58. # ローディング リスト 初期エラー ページ ローディング ページエラー 16
59. # ローディング リスト 初期エラー ページ ローディング ページエラー 16
60. # ローディング リスト 初期エラー ページ ローディング ページエラー 16
61. # ローディング リスト 初期エラー ページ ローディング ページエラー 16
62. # ローディング リスト 初期エラー ページ ローディング ページエラー 16
63. # ローディング リスト 初期エラー ページ ローディング ページエラー 16
64. # ローディング リスト 初期エラー ページ ローディング ページエラー 16
65. # ローディング リスト 初期エラー ページ ローディング ページエラー 16
66. 17 Domain Contract Processor Reducer
67. # Domain Contract Processor Reducer 17
68. # Domain Contract Processor Reducer 17
69. # Domain Contract Processor Reducer 17
70. 18 Domain Contract Processor Reducer shared/../entities/Monster.kt data class Monster( val id: Int, val name: String, val imageUrl: String, ) shared/../data/repositories/MonsterRepository.kt interface MonsterRepository { suspend fun getMonster( offset: Int, limit: Int, ): List<Monster> }
71. 19 shared/../feature/monsterList/MonsterListState.kt sealed0class0MonsterListState0:0State0{0 0 }1 Domain Contract Processor Reducer
72. # shared/../feature/monsterList/MonsterListState.kt sealed0class0MonsterListState0:0State0{0 data0object0Initial0:0MonsterListState()0 0 }1 Domain Contract Processor Reducer 19
73. # shared/../feature/monsterList/MonsterListState.kt sealed0class0MonsterListState0:0State0{0 data0object0Initial0:0MonsterListState()0 data0object0Loading0:0MonsterListState()0 0 }1 Domain Contract Processor Reducer ローディング 19
74. # shared/../feature/monsterList/MonsterListState.kt sealed0class0MonsterListState0:0State0{0 data0object0Initial0:0MonsterListState()0 data0object0Loading0:0MonsterListState()0 data0class0Error(val0error:0Throwable)0:0MonsterListState()0 }1 Domain Contract Processor Reducer 初期エラー 19
75. # shared/../feature/monsterList/MonsterListState.kt sealed0class0MonsterListState0:0State0{0 data0object0Initial0:0MonsterListState()0 data0object0Loading0:0MonsterListState()0 data0class0Error(val0error:0Throwable)0:0MonsterListState()0 }1 Domain Contract Processor Reducer 19
76. # shared/../feature/monsterList/MonsterListState.kt sealed0class0MonsterListState0:0State0{0 data0object0Initial0:0MonsterListState()0 data0object0Loading0:0MonsterListState()0 data0class0Error(val0error:0Throwable)0:0MonsterListState()0 }1 Domain Contract Processor Reducer リスト ページエラー ページ ローディング 19
77. # shared/../feature/monsterList/MonsterListState.kt sealed0class0MonsterListState0:0State0{0 data0object0Initial0:0MonsterListState()0 data0object0Loading0:0MonsterListState()0 sealed class0Stable :0MonsterListState() {1 abstract0val0monsterList:0List<Monster>0 }0 data0class0Error(val0error:0Throwable)0:0MonsterListState()0 }1 リスト ページエラー ページ ローディング Domain Contract Processor Reducer 19
78. # shared/../feature/monsterList/MonsterListState.kt sealed0class0MonsterListState0:0State0{0 data0object0Initial0:0MonsterListState()0 data0object0Loading0:0MonsterListState()0 sealed class0Stable :0MonsterListState() {1 abstract0val0monsterList:0List<Monster>0 data0class0List( override0val0monsterList:0List<Monster> )0:0Stable()0 }0 data0class0Error(val0error:0Throwable)0:0MonsterListState()0 }1 リスト Domain Contract Processor Reducer 19
79. # shared/../feature/monsterList/MonsterListState.kt sealed0class0MonsterListState0:0State0{0 data0object0Initial0:0MonsterListState()0 data0object0Loading0:0MonsterListState()0 sealed class0Stable :0MonsterListState() {1 abstract0val0monsterList:0List<Monster>0 data0class0List( override0val0monsterList:0List<Monster> )0:0Stable()0 data0class0PageLoading( override0val0monsterList:0List<Monster> )0:0Stable()0 }0 data0class0Error(val0error:0Throwable)0:0MonsterListState()0 }1 ページ ローディング Domain Contract Processor Reducer 19
80. 19 shared/../feature/monsterList/MonsterListState.kt sealed0class0MonsterListState0:0State0{0 data0object0Initial0:0MonsterListState()0 data0object0Loading0:0MonsterListState()0 sealed class0Stable :0MonsterListState() {1 abstract0val0monsterList:0List<Monster>0 data0class0List( override0val0monsterList:0List<Monster> )0:0Stable()0 data0class0PageLoading( override0val0monsterList:0List<Monster> )0:0Stable()0 data0class0PageError( override0val0monsterList:0List<Monster>,0 val error:0Throwable )0:0Stable() }0 data0class0Error(val0error:0Throwable)0:0MonsterListState()0 }1 ページエラー Domain Contract Processor Reducer
81. shared/../feature/monsterList/MonsterListIntent.kt 20 sealed class MonsterListIntent : Intent { } Domain Contract Processor Reducer
82. shared/../feature/monsterList/MonsterListIntent.kt # sealed class MonsterListIntent : Intent { data object OnInit : MonsterListIntent() } Domain Contract Processor Reducer 20
83. shared/../feature/monsterList/MonsterListIntent.kt # sealed class MonsterListIntent : Intent { data object OnInit : MonsterListIntent() data class ClickItem( val monster: Monster ) : MonsterListIntent() } リスト Domain Contract Processor Reducer 20
84. shared/../feature/monsterList/MonsterListIntent.kt 20 sealed class MonsterListIntent : Intent { data object OnInit : MonsterListIntent() data class ClickItem( val monster: Monster ) : MonsterListIntent() data object ClickErrorRetry : MonsterListIntent() } エラー ページエラー Domain Contract Processor Reducer
85. shared/../feature/monsterList/MonsterListIntent.kt # sealed class MonsterListIntent : Intent { data object OnInit : MonsterListIntent() data class ClickItem( val monster: Monster ) : MonsterListIntent() data object ClickErrorRetry : MonsterListIntent() data object OnScrollToBottom : MonsterListIntent() } Domain Contract Processor Reducer 20
86. shared/../feature/monsterList/MonsterListAction.kt 21 sealed class MonsterListAction : Action { } Domain Contract Processor Reducer
87. shared/../feature/monsterList/MonsterListAction.kt # sealed class MonsterListAction : Action { data object Loading : MonsterListAction() } Domain Contract Processor Reducer ローディング 21
88. shared/../feature/monsterList/MonsterListAction.kt # sealed class MonsterListAction : Action { data object Loading : MonsterListAction() data class LoadSuccess( val monsterList: List<Monster> ) : MonsterListAction() } Domain Contract Processor Reducer ローディング リスト 21
89. shared/../feature/monsterList/MonsterListAction.kt # sealed class MonsterListAction : Action { data object Loading : MonsterListAction() data class LoadSuccess( val monsterList: List<Monster> ) : MonsterListAction() data class LoadError( val error: Throwable ) : MonsterListAction() } Domain Contract Processor Reducer エラー ローディング 21
90. shared/../feature/monsterList/MonsterListAction.kt # sealed class MonsterListAction : Action { data object Loading : MonsterListAction() data class LoadSuccess( val monsterList: List<Monster> ) : MonsterListAction() data class LoadError( val error: Throwable ) : MonsterListAction() } Domain Contract Processor Reducer リスト ページ ローディング 21
91. shared/../feature/monsterList/MonsterListAction.kt # sealed class MonsterListAction : Action { data object Loading : MonsterListAction() data class LoadSuccess( val monsterList: List<Monster> ) : MonsterListAction() data class LoadError( val error: Throwable ) : MonsterListAction() } Domain Contract Processor Reducer リスト ページ ローディング 21
92. shared/../feature/monsterList/MonsterListAction.kt # sealed class MonsterListAction : Action { data object Loading : MonsterListAction() data class LoadSuccess( val monsterList: List<Monster> ) : MonsterListAction() data class LoadError( val error: Throwable ) : MonsterListAction() } Domain Contract Processor Reducer ページエラー ページ ローディング 21
93. shared/../feature/monsterList/MonsterListAction.kt # sealed class MonsterListAction : Action { data object Loading : MonsterListAction() data class LoadSuccess( val monsterList: List<Monster> ) : MonsterListAction() data class LoadError( val error: Throwable ) : MonsterListAction() data class NavigateDetails( val monster: Monster ) : MonsterListAction(), Action.Event } Domain Contract Processor Reducer 詳細 21
94. 22 shared/../feature/monsterList/MonsterProcessor.kt class MonsterListProcessor( private val repository: MonsterRepository, ) : Processor<MonsterListIntent, MonsterListAction, MonsterListState> { override suspend fun process( intent: MonsterListIntent, state: MonsterListState, ): Flow<MonsterListAction> = flow { when (intent) { isaMonsterListIntent.OnInita-> TODO() isaMonsterListIntent.ClickItema-> TODO() isaMonsterListIntent.ClickErrorRetrya-> TODO() isaMonsterListIntent.OnScrollToBottoma-> TODO() }a } } Domain Contract Processor Reducer
95. # shared/../feature/monsterList/MonsterProcessor.kt class MonsterListProcessor( private val repository: MonsterRepository, ) : Processor<MonsterListIntent, MonsterListAction, MonsterListState> { override suspend fun process( intent: MonsterListIntent, state: MonsterListState, ): Flow<MonsterListAction> = flow { when (intent) { isaMonsterListIntent.OnInita-> TODO() isaMonsterListIntent.ClickItema-> TODO() isaMonsterListIntent.ClickErrorRetrya-> TODO() isaMonsterListIntent.OnScrollToBottoma-> TODO() }a } } Domain Contract Processor Reducer 22
96. # shared/../feature/monsterList/MonsterProcessor.kt class MonsterListProcessor( private val repository: MonsterRepository, ) : Processor<MonsterListIntent, MonsterListAction, MonsterListState> { override suspend fun process( intent: MonsterListIntent, state: MonsterListState, ): Flow<MonsterListAction> = flow { when (intent) { isaMonsterListIntent.OnInita-> TODO() isaMonsterListIntent.ClickItema-> TODO() isaMonsterListIntent.ClickErrorRetrya-> TODO() isaMonsterListIntent.OnScrollToBottoma-> TODO() }a } } Domain Contract Processor Reducer 22
97. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> TODO() isaMonsterListIntent.ClickItema-> TODO() isaMonsterListIntent.ClickErrorRetrya-> TODO() isaMonsterListIntent.OnScrollToBottoma-> TODO() }a Domain Contract Processor Reducer 22
98. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { emit(MonsterListAction.Loading) } isaMonsterListIntent.ClickItema-> TODO() isaMonsterListIntent.ClickErrorRetrya-> TODO() isaMonsterListIntent.OnScrollToBottoma-> TODO() }a Domain Contract Processor Reducer 22
99. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { emit(MonsterListAction.Loading) repository.getMonster(offset = 0, limit = 20) } isaMonsterListIntent.ClickItema-> TODO() isaMonsterListIntent.ClickErrorRetrya-> TODO() isaMonsterListIntent.OnScrollToBottoma-> TODO() }a Domain Contract Processor Reducer 22
100. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { emit(MonsterListAction.Loading) runCatching { repository.getMonster(offset = 0, limit = 20) }.onSuccess { monsterLista-> emit(MonsterListAction.LoadSuccess(monsterList)) } } isaMonsterListIntent.ClickItema-> TODO() isaMonsterListIntent.ClickErrorRetrya-> TODO() isaMonsterListIntent.OnScrollToBottoma-> TODO() }a Domain Contract Processor Reducer 22
101. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { emit(MonsterListAction.Loading) runCatching { repository.getMonster(offset = 0, limit = 20) }.onSuccess { monsterLista-> emit(MonsterListAction.LoadSuccess(monsterList)) }.onFailure { errora-> emit(MonsterListAction.LoadError(error)) } } isaMonsterListIntent.ClickItema-> TODO() isaMonsterListIntent.ClickErrorRetrya-> TODO() isaMonsterListIntent.OnScrollToBottoma-> TODO() }a Domain Contract Processor Reducer 22
102. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { ... } isaMonsterListIntent.ClickItema-> TODO() isaMonsterListIntent.ClickErrorRetrya-> TODO() isaMonsterListIntent.OnScrollToBottoma-> TODO() }a Domain Contract Processor Reducer 22
103. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { ... } isaMonsterListIntent.ClickItema-> { emit(MonsterListAction.NavigateDetails(intent.monster)) } isaMonsterListIntent.ClickErrorRetrya-> TODO() isaMonsterListIntent.OnScrollToBottoma-> TODO() }a Domain Contract Processor Reducer 22
104. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { ... } isaMonsterListIntent.ClickItema-> { ... } isaMonsterListIntent.ClickErrorRetrya-> TODO() isaMonsterListIntent.OnScrollToBottoma-> TODO() }a Domain Contract Processor Reducer 22
105. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { emit(MonsterListAction.Loading) runCatchinga{ repository.getMonster(offset = 0, limit = 20) }.onSuccessa{ monsterLista-> emit(MonsterListAction.LoadSuccess(monsterList)) }.onFailurea{ errora-> emit(MonsterListAction.LoadError(error)) } } isaMonsterListIntent.ClickItema-> { ... } isaMonsterListIntent.ClickErrorRetrya-> TODO() isaMonsterListIntent.OnScrollToBottoma-> TODO() }a Domain Contract Processor Reducer 22
106. # shared/../feature/monsterList/MonsterProcessor.kt private suspend fun loadMonsterList(a offset: Int, repository: Repository, emit: suspenda(MonsterListAction a ) a -> Unit, a )a{a emit(MonsterListAction.Loading) runCatchinga{ repository.getMonster(offset = offset, limit = 20) }.onSuccessa{ monsterLista-> emit(MonsterListAction.LoadSuccess(monsterList)) }.onFailurea{ errora-> emit(MonsterListAction.LoadError(error)) } }a Domain Contract Processor Reducer 22
107. # shared/../feature/monsterList/MonsterProcessor.kt private suspend fun loadMonsterList(a offset: Int, repository: Repository, emit: suspenda(MonsterListAction a ) a -> Unit, a )a{a emit(MonsterListAction.Loading) runCatchinga{ repository.getMonster(offset = offset, limit = 20) }.onSuccessa{ monsterLista-> emit(MonsterListAction.LoadSuccess(monsterList)) }.onFailurea{ errora-> emit(MonsterListAction.LoadError(error)) } }a Domain Contract Processor Reducer 22
108. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { emit(MonsterListAction.Loading) runCatchinga{ repository.getMonster(offset = 0, limit = 20) }.onSuccessa{ monsterLista-> emit(MonsterListAction.LoadSuccess(monsterList)) }.onFailurea{ errora-> emit(MonsterListAction.LoadError(error)) } } isaMonsterListIntent.ClickItema-> { ... } isaMonsterListIntent.ClickErrorRetrya-> TODO() isaMonsterListIntent.OnScrollToBottoma-> TODO() }a Domain Contract Processor Reducer 22
109. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { loadMonsterList(offset = 0, repository, ::emit) } isaMonsterListIntent.ClickItema-> { ... } isaMonsterListIntent.ClickErrorRetrya-> TODO() isaMonsterListIntent.OnScrollToBottoma-> TODO() }a Domain Contract Processor Reducer 22
110. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { ... } isaMonsterListIntent.ClickItema-> { ... } isaMonsterListIntent.ClickErrorRetrya-> TODO() isaMonsterListIntent.OnScrollToBottoma-> TODO() }a Domain Contract Processor Reducer 22
111. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { ... } isaMonsterListIntent.ClickItema-> { ... } isaMonsterListIntent.ClickErrorRetrya-> { loadMonsterList(offset = ???, repository, ::emit) } isaMonsterListIntent.OnScrollToBottoma-> TODO() }a Domain Contract Processor Reducer 22
112. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { ... } isaMonsterListIntent.ClickItema-> { ... } isaMonsterListIntent.ClickErrorRetrya-> { loadMonsterList(offset = ???, repository, ::emit) } isaMonsterListIntent.OnScrollToBottoma-> TODO() }a Domain Contract Processor Reducer 22
113. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { ... } isaMonsterListIntent.ClickItema-> { ... } isaMonsterListIntent.ClickErrorRetrya-> { loadMonsterList(offset = ???, repository, ::emit) } isaMonsterListIntent.OnScrollToBottoma-> TODO() }a Domain Contract Processor Reducer offset = 0 offset = monsterList.size 22
114. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { ... } isaMonsterListIntent.ClickItema-> { ... } isaMonsterListIntent.ClickErrorRetrya-> when (state) { is MonsterListState.Errora-> { loadMonsterList(offset = 0, repository, ::emit) } is MonsterListState.Stable.PageErrora-> { loadMonsterList( offset = state.monsterList.size, repository, ::emit ) } else -> Unit } is MonsterListIntent.OnScrollToBottoma-> TODO() }a Domain Contract Processor Reducer 22
115. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { ... } isaMonsterListIntent.ClickItema-> { ... } isaMonsterListIntent.ClickErrorRetrya-> when (state) { is MonsterListState.Errora-> { loadMonsterList(offset = 0, repository, ::emit) } is MonsterListState.Stable.PageErrora-> { loadMonsterList( offset = state.monsterList.size, repository, ::emit ) } else -> Unit } is MonsterListIntent.OnScrollToBottoma-> TODO() }a Domain Contract Processor Reducer 22
116. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { ... } isaMonsterListIntent.ClickItema-> { ... } isaMonsterListIntent.ClickErrorRetrya-> when (state) { is MonsterListState.Errora-> { loadMonsterList(offset = 0, repository, ::emit) } is MonsterListState.Stable.PageErrora-> { loadMonsterList( offset = state.monsterList.size, repository, ::emit ) } else -> Unit } is MonsterListIntent.OnScrollToBottoma-> TODO() }a Domain Contract Processor Reducer 22
117. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { ... } isaMonsterListIntent.ClickItema-> { ... } isaMonsterListIntent.ClickErrorRetrya-> { ... } isaMonsterListIntent.OnScrollToBottoma-> TODO() }a Domain Contract Processor Reducer 22
118. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { ... } isaMonsterListIntent.ClickItema-> { ... } isaMonsterListIntent.ClickErrorRetrya-> { ... } isaMonsterListIntent.OnScrollToBottoma-> when (state) { isaMonsterListState.Stable.Lista-> { loadMonsterList( offset = state.monsterList.size, repository, ::emit ) } else -> Unit } }a Domain Contract Processor Reducer 22
119. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { ... } isaMonsterListIntent.ClickItema-> { ... } isaMonsterListIntent.ClickErrorRetrya-> { ... } isaMonsterListIntent.OnScrollToBottoma-> when (state) { isaMonsterListState.Stable.Lista-> { loadMonsterList( offset = state.monsterList.size, repository, ::emit ) } else -> Unit } }a Domain Contract Processor Reducer 22
120. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { ... } isaMonsterListIntent.ClickItema-> { ... } isaMonsterListIntent.ClickErrorRetrya-> { ... } isaMonsterListIntent.OnScrollToBottoma-> when (state) { isaMonsterListState.Stable.Lista-> { loadMonsterList( offset = state.monsterList.size, repository, ::emit ) } else -> Unit } }a Domain Contract Processor Reducer 22
121. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { isaMonsterListIntent.OnInita-> { ... } isaMonsterListIntent.ClickItema-> { ... } isaMonsterListIntent.ClickErrorRetrya-> { ... } isaMonsterListIntent.OnScrollToBottoma-> when (state) { isaMonsterListState.Stable.Lista-> { loadMonsterList( offset = state.monsterList.size, repository, ::emit ) } else -> Unit } }a Domain Contract Processor Reducer 22
122. # shared/../feature/monsterList/MonsterProcessor.kt when (intent) { is MonsterListIntent.OnInit -> when (state) { is MonsterListState.Initial -> loadMonsterList(0, repository, ::emit) } is MonsterListIntent.ClickItem -> when (state) { is MonsterListState.Stable -> { emit(MonsterListAction.NavigateDetails(intent.monster)) } } is MonsterListIntent.ClickErrorRetry -> when (state) { is MonsterListState.Error -> loadMonsterList(0, repository, ::emit) is MonsterListState.Stable.PageError -> loadMonsterList(state.currentOffset, repository, ::emit ) } is MonsterListIntent.OnScrollToBottom -> when (state) { is MonsterListState.Stable.List -> loadMonsterList(state.currentOffset, repository, ::emit) } } Domain Contract Processor Reducer 22
123. 23 shared/../feature/monsterList/MonsterReducer.kt class MonsterListReducer : Reducer<MonsterListAction, MonsterListState> { override suspend fun reduce( action: MonsterListAction, state: MonsterListState, ): MonsterListState { return when (action) { is MonsterListAction.Loading -> TODO() is MonsterListAction.LoadSuccess -> TODO() is MonsterListAction.LoadError -> TODO() is MonsterListAction.NavigateDetails -> TODO() } } } Domain Contract Processor Reducer
124. # shared/../feature/monsterList/MonsterReducer.kt class MonsterListReducer : Reducer<MonsterListAction, MonsterListState> { override suspend fun reduce( action: MonsterListAction, state: MonsterListState, ): MonsterListState { return when (action) { is MonsterListAction.Loading -> TODO() is MonsterListAction.LoadSuccess -> TODO() is MonsterListAction.LoadError -> TODO() is MonsterListAction.NavigateDetails -> TODO() } } } Domain Contract Processor Reducer 23
125. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> TODO() is MonsterListAction.LoadSuccess -> TODO() is MonsterListAction.LoadError -> TODO() is MonsterListAction.NavigateDetails -> TODO() } Domain Contract Processor Reducer 23
126. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> when (state) { is MonsterListState.Initial -> MonsterListState.Loading is MonsterListState.Stable.List -> MonsterListState.Stable.PageLoading(state.monsterList) is MonsterListState.Stable.Error -> MonsterListState.Stable.PageLoading(state.monsterList) else -> state } .. } Domain Contract Processor Reducer 23
127. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> when (state) { is MonsterListState.Initial -> MonsterListState.Loading is MonsterListState.Stable.List -> MonsterListState.Stable.PageLoading(state.monsterList) is MonsterListState.Stable.Error -> MonsterListState.Stable.PageLoading(state.monsterList) else -> state } .. } Domain Contract Processor Reducer 23
128. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> when (state) { is MonsterListState.Initial -> MonsterListState.Loading is MonsterListState.Stable.List -> MonsterListState.Stable.PageLoading(state.monsterList) is MonsterListState.Stable.Error -> MonsterListState.Stable.PageLoading(state.monsterList) else -> state } .. } Domain Contract Processor Reducer 23
129. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> when (state) { is MonsterListState.Initial -> MonsterListState.Loading is MonsterListState.Stable.List -> MonsterListState.Stable.PageLoading(state.monsterList) is MonsterListState.Stable.Error -> MonsterListState.Stable.PageLoading(state.monsterList) else -> state } .. } Domain Contract Processor Reducer 23
130. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> when (state) { is MonsterListState.Initial -> MonsterListState.Loading is MonsterListState.Stable.List -> MonsterListState.Stable.PageLoading(state.monsterList) is MonsterListState.Stable.Error -> MonsterListState.Stable.PageLoading(state.monsterList) else -> state } .. } Domain Contract Processor Reducer 23
131. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> when (state) { is MonsterListState.Initial -> MonsterListState.Loading is MonsterListState.Stable.List -> MonsterListState.Stable.PageLoading(state.monsterList) is MonsterListState.Stable.Error -> MonsterListState.Stable.PageLoading(state.monsterList) else -> state } .. } Domain Contract Processor Reducer 23
132. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> { ... } is MonsterListAction.LoadSuccess -> TODO() is MonsterListAction.LoadError -> TODO() is MonsterListAction.NavigateDetails -> TODO() } Domain Contract Processor Reducer 23
133. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> { ... } is MonsterListAction.LoadSuccess -> when (state) { is MonsterListState.Loading -> MonsterListState.Stable.List(action.monsterList) is MonsterListState.Stable.PageLoading -> MonsterListState.Stable.List( state.monsterList + action.monsterList ) else -> state } is MonsterListAction.LoadError -> TODO() is MonsterListAction.NavigateDetails -> TODO() } Domain Contract Processor Reducer 23
134. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> { ... } is MonsterListAction.LoadSuccess -> when (state) { is MonsterListState.Loading -> MonsterListState.Stable.List(action.monsterList) is MonsterListState.Stable.PageLoading -> MonsterListState.Stable.List( state.monsterList + action.monsterList ) else -> state } is MonsterListAction.LoadError -> TODO() is MonsterListAction.NavigateDetails -> TODO() } Domain Contract Processor Reducer 23
135. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> { ... } is MonsterListAction.LoadSuccess -> when (state) { is MonsterListState.Loading -> MonsterListState.Stable.List(action.monsterList) is MonsterListState.Stable.PageLoading -> MonsterListState.Stable.List( state.monsterList + action.monsterList ) else -> state } is MonsterListAction.LoadError -> TODO() is MonsterListAction.NavigateDetails -> TODO() } Domain Contract Processor Reducer 23
136. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> { ... } is MonsterListAction.LoadSuccess -> when (state) { is MonsterListState.Loading -> MonsterListState.Stable.List(action.monsterList) is MonsterListState.Stable.PageLoading -> MonsterListState.Stable.List( state.monsterList + action.monsterList ) else -> state } is MonsterListAction.LoadError -> TODO() is MonsterListAction.NavigateDetails -> TODO() } Domain Contract Processor Reducer 23
137. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> { ... } is MonsterListAction.LoadSuccess -> when (state) { is MonsterListState.Loading -> MonsterListState.Stable.List(action.monsterList) is MonsterListState.Stable.PageLoading -> MonsterListState.Stable.List( state.monsterList + action.monsterList ) else -> state } is MonsterListAction.LoadError -> TODO() is MonsterListAction.NavigateDetails -> TODO() } Domain Contract Processor Reducer 23
138. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> { ... } is MonsterListAction.LoadSuccess -> when (state) { is MonsterListState.Loading -> MonsterListState.Stable.List(action.monsterList) is MonsterListState.Stable.PageLoading -> MonsterListState.Stable.List( state.monsterList + action.monsterList ) else -> state } is MonsterListAction.LoadError -> TODO() is MonsterListAction.NavigateDetails -> TODO() } Domain Contract Processor Reducer 23
139. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> { ... } is MonsterListAction.LoadSuccess -> { ... } is MonsterListAction.LoadError -> TODO() is MonsterListAction.NavigateDetails -> TODO() } Domain Contract Processor Reducer 23
140. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> { ... } is MonsterListAction.LoadSuccess -> { ... } is MonsterListAction.LoadError -> when (state) { is MonsterListState.Loading -> MonsterListState.Error(action.error) is MonsterListState.Stable.PageLoading -> MonsterListState.Stable.PageError( state.monsterList, action.error ) } else -> state } is MonsterListAction.NavigateDetails -> TODO() } Domain Contract Processor Reducer 23
141. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> { ... } is MonsterListAction.LoadSuccess -> { ... } is MonsterListAction.LoadError -> when (state) { is MonsterListState.Loading -> MonsterListState.Error(action.error) is MonsterListState.Stable.PageLoading -> MonsterListState.Stable.PageError( state.monsterList, action.error ) } else -> state } is MonsterListAction.NavigateDetails -> TODO() } Domain Contract Processor Reducer 23
142. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> { ... } is MonsterListAction.LoadSuccess -> { ... } is MonsterListAction.LoadError -> when (state) { is MonsterListState.Loading -> MonsterListState.Error(action.error) is MonsterListState.Stable.PageLoading -> MonsterListState.Stable.PageError( state.monsterList, action.error ) } else -> state } is MonsterListAction.NavigateDetails -> TODO() } Domain Contract Processor Reducer 23
143. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> { ... } is MonsterListAction.LoadSuccess -> { ... } is MonsterListAction.LoadError -> when (state) { is MonsterListState.Loading -> MonsterListState.Error(action.error) is MonsterListState.Stable.PageLoading -> MonsterListState.Stable.PageError( state.monsterList, action.error ) } else -> state } is MonsterListAction.NavigateDetails -> TODO() } Domain Contract Processor Reducer 23
144. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> { ... } is MonsterListAction.LoadSuccess -> { ... } is MonsterListAction.LoadError -> when (state) { is MonsterListState.Loading -> MonsterListState.Error(action.error) is MonsterListState.Stable.PageLoading -> MonsterListState.Stable.PageError( state.monsterList, action.error ) } else -> state } is MonsterListAction.NavigateDetails -> TODO() } Domain Contract Processor Reducer 23
145. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> { ... } is MonsterListAction.LoadSuccess -> { ... } is MonsterListAction.LoadError -> { ... } is MonsterListAction.NavigateDetails -> TODO() } Domain Contract Processor Reducer 23
146. # shared/../feature/monsterList/MonsterReducer.kt when (action) { is MonsterListAction.Loading -> { ... } is MonsterListAction.LoadSuccess -> { ... } is MonsterListAction.LoadError -> { ... } is MonsterListAction.NavigateDetails -> state } Domain Contract Processor Reducer 23
147. # shared/../feature/monsterList/MonsterReducer.kt Domain Contract Processor Reducer when (action) { is MonsterListAction.Loading -> when (state) { is MonsterListState.Initial -> MonsterListState.Loading is MonsterListState.Stable.List -> MonsterListState.Stable.PageLoading(state.monsterList) } is MonsterListAction.LoadSuccess -> when (state) { is MonsterListState.Loading -> MonsterListState.Stable.List(action.monsterList) is MonsterListState.Stable.PageLoading -> MonsterListState.Stable.List(state.monsterList + action.monsterList) } is MonsterListAction.LoadError -> when (state) { is MonsterListState.Loading -> MonsterListState.Error(action.error) is MonsterListState.Stable.PageLoading -> MonsterListState.Stable.PageError(state.monsterList, action.error) } is MonsterListAction.NavigateDetails -> state } 23
148. 24 Reducer Processor Store
149. 25 dispatch notify intent state Processor Reducer emit action Android / iOS send event Store
150. 26 when (intent) { isaMonsterListIntent.OnInita-> { emit(MonsterListAction.Loading) runCatchinga{ repository.getMonster(offset = 0, limit = 20) }.onSuccessa{ monsterLista-> emit(MonsterListAction.LoadSuccess(monsterList)) } ... } ... } when (action) { is MonsterListAction.Loading -> when (state) { is MonsterListState.Initial -> MonsterListState.Loading ... } is MonsterListAction.LoadSuccess -> when (state) { is MonsterListState.Loading -> MonsterListState.Stable.List(action.monsterList) ... } ... } // Processor // Reducer
151. # when (intent) { isaMonsterListIntent.OnInita-> { emit(MonsterListAction.Loading) runCatchinga{ repository.getMonster(offset = 0, limit = 20) }.onSuccessa{ monsterLista-> emit(MonsterListAction.LoadSuccess(monsterList)) } ... } ... } when (action) { is MonsterListAction.Loading -> when (state) { is MonsterListState.Initial -> MonsterListState.Loading ... } is MonsterListAction.LoadSuccess -> when (state) { is MonsterListState.Loading -> MonsterListState.Stable.List(action.monsterList) ... } ... } // Processor // Reducer 26
152. # when (intent) { isaMonsterListIntent.OnInita-> { emit(MonsterListAction.Loading) runCatchinga{ repository.getMonster(offset = 0, limit = 20) }.onSuccessa{ monsterLista-> emit(MonsterListAction.LoadSuccess(monsterList)) } ... } ... } when (action) { is MonsterListAction.Loading -> when (state) { is MonsterListState.Initial -> MonsterListState.Loading ... } is MonsterListAction.LoadSuccess -> when (state) { is MonsterListState.Loading -> MonsterListState.Stable.List(action.monsterList) ... } ... } // Processor // Reducer 26
153. # when (intent) { isaMonsterListIntent.OnInita-> { emit(MonsterListAction.Loading) runCatchinga{ repository.getMonster(offset = 0, limit = 20) }.onSuccessa{ monsterLista-> emit(MonsterListAction.LoadSuccess(monsterList)) } ... } ... } when (action) { is MonsterListAction.Loading -> when (state) { is MonsterListState.Initial -> MonsterListState.Loading ... } is MonsterListAction.LoadSuccess -> when (state) { is MonsterListState.Loading -> MonsterListState.Stable.List(action.monsterList) ... } ... } // Processor // Reducer 26
154. # when (intent) { isaMonsterListIntent.OnInita-> { emit(MonsterListAction.Loading) runCatchinga{ repository.getMonster(offset = 0, limit = 20) }.onSuccessa{ monsterLista-> emit(MonsterListAction.LoadSuccess(monsterList)) } ... } ... } when (action) { is MonsterListAction.Loading -> when (state) { is MonsterListState.Initial -> MonsterListState.Loading ... } is MonsterListAction.LoadSuccess -> when (state) { is MonsterListState.Loading -> MonsterListState.Stable.List(action.monsterList) ... } ... } // Processor // Reducer 26
155. # when (intent) { isaMonsterListIntent.OnInita-> { emit(MonsterListAction.Loading) runCatchinga{ repository.getMonster(offset = 0, limit = 20) }.onSuccessa{ monsterLista-> emit(MonsterListAction.LoadSuccess(monsterList)) } ... } ... } when (action) { is MonsterListAction.Loading -> when (state) { is MonsterListState.Initial -> MonsterListState.Loading ... } is MonsterListAction.LoadSuccess -> when (state) { is MonsterListState.Loading -> MonsterListState.Stable.List(action.monsterList) ... } ... } // Processor // Reducer 26
156. # when (intent) { isaMonsterListIntent.OnInita-> { emit(MonsterListAction.Loading) runCatchinga{ repository.getMonster(offset = 0, limit = 20) }.onSuccessa{ monsterLista-> emit(MonsterListAction.LoadSuccess(monsterList)) } ... } ... } when (action) { is MonsterListAction.Loading -> when (state) { is MonsterListState.Initial -> MonsterListState.Loading ... } is MonsterListAction.LoadSuccess -> when (state) { is MonsterListState.Loading -> MonsterListState.Stable.List(action.monsterList) ... } ... } // Processor // Reducer 26
157. # when (intent) { isaMonsterListIntent.OnInita-> { emit(MonsterListAction.Loading) runCatchinga{ repository.getMonster(offset = 0, limit = 20) }.onSuccessa{ monsterLista-> emit(MonsterListAction.LoadSuccess(monsterList)) } ... } ... } when (action) { is MonsterListAction.Loading -> when (state) { is MonsterListState.Initial -> MonsterListState.Loading ... } is MonsterListAction.LoadSuccess -> when (state) { is MonsterListState.Loading -> MonsterListState.Stable.List(action.monsterList) ... } ... } // Processor // Reducer 26
158. # when (intent) { isaMonsterListIntent.OnInita-> { emit(MonsterListAction.Loading) runCatchinga{ repository.getMonster(offset = 0, limit = 20) }.onSuccessa{ monsterLista-> emit(MonsterListAction.LoadSuccess(monsterList)) } ... } ... } when (action) { is MonsterListAction.Loading -> when (state) { is MonsterListState.Initial -> MonsterListState.Loading ... } is MonsterListAction.LoadSuccess -> when (state) { is MonsterListState.Loading -> MonsterListState.Stable.List(action.monsterList) ... } ... } // Processor // Reducer 26
159. # when (intent) { isaMonsterListIntent.OnInita-> { emit(MonsterListAction.Loading) runCatchinga{ repository.getMonster(offset = 0, limit = 20) }.onSuccessa{ monsterLista-> emit(MonsterListAction.LoadSuccess(monsterList)) } ... } ... } when (action) { is MonsterListAction.Loading -> when (state) { is MonsterListState.Initial -> MonsterListState.Loading ... } is MonsterListAction.LoadSuccess -> when (state) { is MonsterListState.Loading -> MonsterListState.Stable.List(action.monsterList) ... } ... } // Processor // Reducer 26
160. # when (intent) { isaMonsterListIntent.OnInita-> { emit(MonsterListAction.Loading) runCatchinga{ repository.getMonster(offset = 0, limit = 20) }.onSuccessa{ monsterLista-> emit(MonsterListAction.LoadSuccess(monsterList)) } ... } ... } when (action) { is MonsterListAction.Loading -> when (state) { is MonsterListState.Initial -> MonsterListState.Loading ... } is MonsterListAction.LoadSuccess -> when (state) { is MonsterListState.Loading -> MonsterListState.Stable.List(action.monsterList) ... } ... } // Processor // Reducer 26
161. # when (intent) { isaMonsterListIntent.OnInita-> { emit(MonsterListAction.Loading) runCatchinga{ repository.getMonster(offset = 0, limit = 20) }.onSuccessa{ monsterLista-> emit(MonsterListAction.LoadSuccess(monsterList)) } ... } ... } when (action) { is MonsterListAction.Loading -> when (state) { is MonsterListState.Initial -> MonsterListState.Loading ... } is MonsterListAction.LoadSuccess -> when (state) { is MonsterListState.Loading -> MonsterListState.Stable.List(action.monsterList) ... } ... } // Processor // Reducer 26
162. # when (intent) { isaMonsterListIntent.OnInita-> { emit(MonsterListAction.Loading) runCatchinga{ repository.getMonster(offset = 0, limit = 20) }.onSuccessa{ monsterLista-> emit(MonsterListAction.LoadSuccess(monsterList)) } ... } ... } when (action) { is MonsterListAction.Loading -> when (state) { is MonsterListState.Initial -> MonsterListState.Loading ... } is MonsterListAction.LoadSuccess -> when (state) { is MonsterListState.Loading -> MonsterListState.Stable.List(action.monsterList) ... } ... } // Processor // Reducer 26
163. 27 Reducer Processor Store
164. ͢ͰʹεςʔτϚγϯ Λ࡞͍ͬͯΔʂ 28
165. MVIʹج͘StateMachine
166. State Machineͱ͸ʁ 29 ݻମ ӷମ ؾମ
167. State Machineͱ͸ʁ # ݻମ on: ༥ղ ӷମ ؾମ 29
168. State Machineͱ͸ʁ # ݻମ on: ༥ղ transition: ӷମ ӷମ ؾମ 29
169. State Machineͱ͸ʁ # ݻମ on: ༥ղ transition: ӷମ ӷମ on: ڽݻ ؾମ 29
170. State Machineͱ͸ʁ # ݻମ on: ༥ղ transition: ӷମ ӷମ on: ڽݻ transition: ݸମ ؾମ 29
171. State Machineͱ͸ʁ # ݻମ on: ༥ղ transition: ӷମ ӷମ on: ڽݻ transition: ݸମ on: ؾԽ transition: ؾମ ؾମ 29
172. State Machineͱ͸ʁ # ݻମ on: ༥ղ transition: ӷମ ӷମ on: ڽݻ transition: ݸମ on: ؾԽ transition: ؾମ ؾମ 29
173. State Machineͱ͸ʁ # ݻମ on: ༥ղ transition: ӷମ ӷମ on: ڽݻ transition: ݸମ on: ؾԽ transition: ؾମ ؾମ on: ڽॖ(ӷԽ) 29
174. State Machineͱ͸ʁ # ݻମ on: ༥ղ transition: ӷମ ӷମ on: ڽݻ transition: ݸମ on: ؾԽ transition: ؾମ ؾମ on: ڽॖ(ӷԽ) transition: ӷମ 29
175. State Machineͱ͸ʁ # ݻମ on: ༥ղ transition: ӷମ ӷମ on: ڽݻ transition: ݸମ on: ؾԽ transition: ؾମ ؾମ on: ڽॖ(ӷԽ) transition: ӷମ 29
176. State Machineͱ͸ʁ # ݻମ on: ༥ղ transition: ӷମ on: ڽॖ transition: 🙅 ӷମ on: ڽݻ transition: ݸମ on: ؾԽ transition: ؾମ ؾମ on: ڽॖ(ӷԽ) transition: ӷମ 29
177. 30 MVIΛجͮ͘StateMachine // Processor when (intent) { is MonsterListIntent -> when (state) { is MonsterListState -> { ... } } } // Reducer when (action) { is MonsterAction -> when (state) { is MonsterListState -> { ... } } }
178. # MVIΛجͮ͘StateMachine // Processor when (intent) { is MonsterListIntent -> when (state) { is MonsterListState -> { ... } } } // Reducer when (action) { is MonsterAction -> when (state) { is MonsterListState -> { ... } } } 30
179. # MVIΛجͮ͘StateMachine // Processor when (intent) { is MonsterListIntent -> when (state) { is MonsterListState -> { ... } } } // Reducer when (action) { is MonsterAction -> when (state) { is MonsterListState -> { ... } } } 30
180. # MVIΛجͮ͘StateMachine // Processor when (intent) { is MonsterListIntent -> when (state) { is MonsterListState -> { ... } } } // Processor when (state) { is MonsterListState -> when (intent) { is MonsterListIntent -> { ... } } } // Reducer when (action) { is MonsterAction -> when (state) { is MonsterListState -> { ... } } } // Reducer when (state) { is MonsterListState -> when (action) { is MonsterListAction -> { ... } } } 30
181. # MVIΛجͮ͘StateMachine // Processor when (intent) { is MonsterListIntent -> when (state) { is MonsterListState -> { ... } } } // Processor when (state) { is MonsterListState -> when (intent) { is MonsterListIntent -> { ... } } } // Reducer when (action) { is MonsterAction -> when (state) { is MonsterListState -> { ... } } } // Reducer when (state) { is MonsterListState -> when (action) { is MonsterListAction -> { ... } } } 30
182. 31 shared/../feature/monsterList/MonsterProcessor.kt // Processor when (intent) { is MonsterListIntent.OnInit -> when (state) { is MonsterListState.Initial -> loadMonsterList(0, repository, ::emit) } ... } // Reducer when (action) { is MonsterListAction.Loading -> when (state) { is MonsterListState.Initial -> MonsterListState.Loading ... } ... }
183. # shared/../feature/monsterList/MonsterProcessor.kt // Processor when (state) { is MonsterListState.Initial -> when (intent) { is MonsterListIntent.OnInit -> loadMonsterList(0, repository, ::emit) } ... } // Reducer when (state) { is MonsterListState.Initial -> when (action) { is MonsterListAction.Loading -> MonsterListState.Loading ... } ... } 31
184. 32 Initial intent: OnInit action: Loading reduce: State.Loading action: LoadSuccess|LoadError // Processor when (state) { is MonsterListState.Initial -> when (intent) { is MonsterListIntent.OnInit -> { emit(MonsterListAction.Loading) ... emit(MonsterListAction.LoadSuccess) // or emit(MonsterListAction.LoadError) } } ... } // Reducer when (state) { is MonsterListState.Initial -> when (action) { is MonsterListAction.Loading -> MonsterListState.Loading ... } ... }
185. 4 Initial intent: OnInit action: Loading reduce: State.Loading action: LoadSuccess|LoadError // Processor when (state) { is MonsterListState.Initial -> when (intent) { is MonsterListIntent.OnInit -> { emit(MonsterListAction.Loading) ... emit(MonsterListAction.LoadSuccess) // or emit(MonsterListAction.LoadError) } } ... } // Reducer when (state) { is MonsterListState.Initial -> when (action) { is MonsterListAction.Loading -> MonsterListState.Loading ... } ... } 32
186. 4 Initial intent: OnInit action: Loading reduce: State.Loading action: LoadSuccess|LoadError // Processor when (state) { is MonsterListState.Initial -> when (intent) { is MonsterListIntent.OnInit -> { emit(MonsterListAction.Loading) ... emit(MonsterListAction.LoadSuccess) // or emit(MonsterListAction.LoadError) } } ... } // Reducer when (state) { is MonsterListState.Initial -> when (action) { is MonsterListAction.Loading -> MonsterListState.Loading ... } ... } 32
187. 4 Initial intent: OnInit action: Loading reduce: State.Loading action: LoadSuccess|LoadError // Processor when (state) { is MonsterListState.Initial -> when (intent) { is MonsterListIntent.OnInit -> { emit(MonsterListAction.Loading) ... emit(MonsterListAction.LoadSuccess) // or emit(MonsterListAction.LoadError) } } ... } // Reducer when (state) { is MonsterListState.Initial -> when (action) { is MonsterListAction.Loading -> MonsterListState.Loading ... } ... } 32
188. 4 Initial intent: OnInit action: Loading reduce: State.Loading action: LoadSuccess|LoadError // Processor when (state) { is MonsterListState.Initial -> when (intent) { is MonsterListIntent.OnInit -> { emit(MonsterListAction.Loading) ... emit(MonsterListAction.LoadSuccess) // or emit(MonsterListAction.LoadError) } } ... } // Reducer when (state) { is MonsterListState.Initial -> when (action) { is MonsterListAction.Loading -> MonsterListState.Loading ... } ... } 32
189. 4 Initial intent: OnInit action: Loading reduce: State.Loading action: LoadSuccess|LoadError // Processor when (state) { is MonsterListState.Initial -> when (intent) { is MonsterListIntent.OnInit -> { emit(MonsterListAction.Loading) ... emit(MonsterListAction.LoadSuccess) // or emit(MonsterListAction.LoadError) } } ... } // Reducer when (state) { is MonsterListState.Initial -> when (action) { is MonsterListAction.Loading -> MonsterListState.Loading ... } ... } 32
190. 33 Initial intent: OnInit action: Loading reduce: State.Loading action: LoadSuccess|LoadError Stable intent: ClickItem event: NavigateDetails Error intent: OnInit action: Loading reduce: State.Loading action: LoadSuccess | LoadError Initial intent: OnInit action: Loading reduce: State.Loading action: LoadSuccess | LoadError Loading receive: LoadSuccess reduce: State.Stable.List receive: LoadError reduce: State.Stable.Error Error intent: ClickErrorRetry action: Loading reduce: State.Stable.Loading action: LoadSuccess | LoadError Loading receive: LoadSuccess reduce: State.Stable.List receive: LoadError reduce: State.Stable.Error
191. # Initial intent: OnInit action: Loading reduce: State.Loading action: LoadSuccess|LoadError Stable intent: ClickItem event: NavigateDetails Error intent: OnInit action: Loading reduce: State.Loading action: LoadSuccess | LoadError Initial intent: OnInit action: Loading reduce: State.Loading action: LoadSuccess | LoadError Loading receive: LoadSuccess reduce: State.Stable.List receive: LoadError reduce: State.Stable.Error Error intent: ClickErrorRetry action: Loading reduce: State.Stable.Loading action: LoadSuccess | LoadError Loading receive: LoadSuccess reduce: State.Stable.List receive: LoadError reduce: State.Stable.Error 33
192. # Initial intent: OnInit action: Loading reduce: State.Loading action: LoadSuccess|LoadError Stable intent: ClickItem event: NavigateDetails Error intent: OnInit action: Loading reduce: State.Loading action: LoadSuccess | LoadError Initial intent: OnInit action: Loading reduce: State.Loading action: LoadSuccess | LoadError Loading receive: LoadSuccess reduce: State.Stable.List receive: LoadError reduce: State.Stable.Error Error intent: ClickErrorRetry action: Loading reduce: State.Stable.Loading action: LoadSuccess | LoadError Loading receive: LoadSuccess reduce: State.Stable.List receive: LoadError reduce: State.Stable.Error ݻମ on: ༥ղ transition: ӷମ ӷମ on: ڽݻ transition: ݸମ on: ؾԽ transition: ؾମ ؾମ on: ڽॖ(ӷԽ) transition: ӷମ 33
193. # Initial intent: OnInit action: Loading reduce: State.Loading action: LoadSuccess|LoadError Stable intent: ClickItem event: NavigateDetails Error intent: OnInit action: Loading reduce: State.Loading action: LoadSuccess | LoadError Initial intent: OnInit action: Loading reduce: State.Loading action: LoadSuccess | LoadError Loading receive: LoadSuccess reduce: State.Stable.List receive: LoadError reduce: State.Stable.Error Error intent: ClickErrorRetry action: Loading reduce: State.Stable.Loading action: LoadSuccess | LoadError Loading receive: LoadSuccess reduce: State.Stable.List receive: LoadError reduce: State.Stable.Error 33
194. Initial intent: OnInit action: Loading reduce: State.Loading action: LoadSuccess|LoadError intent: ClickErrorRetry action: 🙅 # Stable intent: ClickItem event: NavigateDetails Error intent: OnInit action: Loading reduce: State.Loading action: LoadSuccess | LoadError Initial intent: OnInit action: Loading reduce: State.Loading action: LoadSuccess | LoadError Loading receive: LoadSuccess reduce: State.Stable.List receive: LoadError reduce: State.Stable.Error Error intent: ClickErrorRetry action: Loading reduce: State.Stable.Loading action: LoadSuccess | LoadError Loading receive: LoadSuccess reduce: State.Stable.List receive: LoadError reduce: State.Stable.Error 33
195. 34 MonsterListState Stable I.ClickMonsterEntry > E.NavigateDetails Initial I.OnInit > A.Loading, [A.LoadSuccess | A.LoadError] Loading Error I.ClickErrorRetry > A.Loading, [A.LoadSuccess | A.LoadError] Stable.Initial I.OnScrollToBottom > A.Loading, [A.LoadSuccess | A.LoadError] Stable.PageLoading Stable.PageError I.ClickErrorRetry > A.Loading, [A.LoadSuccess | A.LoadError] A.Loading A.LoadSuccess A.LoadError A.Loading A.Loading A.LoadSuccess A.LoadError A.Loading PlantUML Diagram
196. Jetpack Compose & SwiftUIͷಋೖ
197. 34 Figma ࢓༷ॻ UMLਤ
198. 35 androidApp/../ui/screen/MonsterListScreen.kt @Composable fun MonsterListScreen( contract: Contract<...>, ) { LaunchedEffect(Unit) { contract.dispatch(MonsterListIntent.OnInit) } contract.handleEvents { action -> when (action) { is MonsterListAction.NavigateDetails -> Timber.d("Handle Navigation") else -> Unit } } MonsterListContent(contract.state, contract.dispatch) }
199. # androidApp/../ui/screen/MonsterListScreen.kt @Composable fun MonsterListScreen( contract: Contract<...>, ) { LaunchedEffect(Unit) { contract.dispatch(MonsterListIntent.OnInit) } contract.handleEvents { action -> when (action) { is MonsterListAction.NavigateDetails -> Timber.d("Handle Navigation") else -> Unit } } MonsterListContent(contract.state, contract.dispatch) } MonsterListState I.ClickMonster Initial I.OnInit > A.Loading, [A.LoadSuccess | A.LoadError] Loading Error I.ClickErrorRetry > A.Loading, [A.LoadSuccess | A.LoadError] I.OnScrollTo A.Loading A.LoadSucc A.LoadError A.Loading 35
200. 36 androidApp/../ui/screen/MonsterListScreen.kt state.render<MonsterListState.Loading>a{ ... } state.render<MonsterListState.Stable>a{ val lazyListState = rememberLazyListState().apply { onScrolledToBottom { dispatch(MonsterListIntent.OnScrollToBottom) } } LazyColumn(state = lazyListState, modifier = Modifier.fillMaxSize()) { items(items = monsterList) { monster -> MonsterListItem(name = monster.name, imageUrl = monster.imageUrl, onClick = { dispatch(MonsterListIntent.ClickItem(monster = monster)) }) } state.renderItems<MonsterListState.Stable.PageLoading>a{ item { PageLoadingIndicatorItem() } } state.renderItems<MonsterListState.Stable.PageError>a{ item { PageErrorItem(error = it.error, onClickRetry = { dispatch(MonsterListIntent.ClickErrorRetry) }) } } } } }
201. # androidApp/../ui/screen/MonsterListScreen.kt state.render<MonsterListState.Loading>a{ LoadingIndicator() } state.render<MonsterListState.Stable>a{ ... } state.render<MonsterListState.Error>a{ ... } Loading Error A.LoadError A.Loading 36
202. # androidApp/../ui/screen/MonsterListScreen.kt state.render<MonsterListState.Loading>a{ ... } state.render<MonsterListState.Stable>a{ val lazyListState = rememberLazyListState().apply { onScrolledToBottom { dispatch(MonsterListIntent.OnScrollToBottom) } } LazyColumn(state = lazyListState, modifier = Modifier.fillMaxSize()) { items(items = monsterList) { monster -> MonsterListItem(name = monster.name, imageUrl = monster.imageUrl, onClick = { dispatch(MonsterListIntent.ClickItem(monster = monster)) }) } state.renderItems<MonsterListState.Stable.PageLoading>a{ item { PageLoadingIndicatorItem() } } state.renderItems<MonsterListState.Stable.PageError>a{ item { PageErrorItem(error = it.error, onClickRetry = { dispatch(MonsterListIntent.ClickErrorRetry) }) } } } } } MonsterListState Stable I.ClickMonsterEntry > E.NavigateDetails Initial I.OnInit > A.Loading, [A.LoadSuccess | A.LoadError] Loading Error I.ClickErrorRetry > A.Loading, [A.LoadSuccess | A.LoadError] Stable.Initial I.OnScrollToBottom > A.Loading, [A.LoadSuccess | A.LoadError] Stable.PageLoading Stable.PageError I.ClickErrorRetry > A.Loading, [A.LoadSuccess | A.LoadError] A.Loading A.LoadSuccess A.LoadError A.Loading A.Loading A.LoadSuccess A.LoadError A.Loading 36
203. # androidApp/../ui/screen/MonsterListScreen.kt state.render<MonsterListState.Loading> { ... } state.render<MonsterListState.Stable> { val lazyListState = rememberLazyListState().apply { onScrolledToBottom { dispatch(MonsterListIntent.OnScrollToBottom) } } LazyColumn(state = lazyListState, modifier = Modifier.fillMaxSize()) { items(items = monsterList) { monster -> MonsterListItem(name = monster.name, imageUrl = monster.imageUrl, onClick = { dispatch(MonsterListIntent.ClickItem(monster = monster)) }) } state.renderItems<MonsterListState.Stable.PageLoading> { item { PageLoadingIndicatorItem() } } state.renderItems<MonsterListState.Stable.PageError> { item { PageErrorItem(error = it.error, onClickRetry = { dispatch(MonsterListIntent.ClickErrorRetry) }) } } } } } Stable.PageLoading Stable.PageError I.ClickErrorRetry > A.Loading, [A.LoadSuccess | A.LoadError] A.Loading A.LoadSuccess A.LoadError A.Loading 36
204. # androidApp/../ui/screen/MonsterListScreen.kt state.render<MonsterListState.Loading> { ... } state.render<MonsterListState.Stable> { val lazyListState = rememberLazyListState().apply { onScrolledToBottom { dispatch(MonsterListIntent.OnScrollToBottom) } } LazyColumn(state = lazyListState, modifier = Modifier.fillMaxSize()) { items(items = monsterList) { monster -> MonsterListItem(name = monster.name, imageUrl = monster.imageUrl, onClick = { dispatch(MonsterListIntent.ClickItem(monster = monster)) }) } state.renderItems<MonsterListState.Stable.PageLoading> { item { PageLoadingIndicatorItem() } } state.renderItems<MonsterListState.Stable.PageError> { item { PageErrorItem(error = it.error, onClickRetry = { dispatch(MonsterListIntent.ClickErrorRetry) }) } } } } } Stable.PageLoading Stable.PageError I.ClickErrorRetry > A.Loading, [A.LoadSuccess | A.LoadError] A.Loading A.LoadSuccess A.LoadError A.Loading 36
205. 37 androidApp/../ui/screen/MonsterListScreen.kt @Composable fun MonsterListScreen( contract: Contract<...>, ) { LaunchedEffect(Unit) { contract.dispatch(MonsterListIntent.OnInit) } contract.handleEvents { action -> when (action) { is MonsterListAction.NavigateDetails -> Timber.d("Handle Navigation") else -> Unit } } MonsterListContent(contract.state, contract.dispatch) } Stable I.ClickMonsterEntry > E.NavigateDetails Loading Error I.ClickErrorRetry > A.Loading, [A.LoadSuccess | A.LoadError] Stable.Initial I.OnScrollToBottom > A.Loading, [A.LoadSuccess | A.Load Stable.PageLoading Stable.PageError I.ClickErrorRetry > A.Loading, [A.LoadSuccess | A.LoadE A.Loading A.LoadSuccess A.LoadError A.Loading A.Loading A.LoadSuccess A.LoadError A.Loading
206. 38 androidApp/../core/Contract.kt data class Contract<I : Intent, A : Action, S : State>( val state: S, val dispatch: (I) -> Unit = {}, val event: A? = null, val process: (A) -> Unit = {}, ) @Composable fun <I : Intent, A : Action, S : State> contract( store: Store<I, A, S>, ): Contract<I, A, S> { val state by store.state.collectAsState() val event by store.event.collectAsState(initial = null) return Contract(state, event, store::dispatch, store::process) }
207. 39 iosApp/../Core/Contract.swift open class Contract<I: Intent, A: Action, S: shared.State>: ObservableObject { @Published public private(set) var state: S public let dispatch: (I) -> Void public var events: some Publisher<A, Never> { eventSubject } private let eventSubject = PassthroughSubject<A, Never>() private var cancellables: Set<AnyCancellable> = [] public init(store: Store) { self.state = store.currentState as! S self.dispatch = { store.dispatch(intent: $0) } AnyCancellable { store.dispose() }.store(in: &cancellables) store.collect { [weak self] newState in if let self, let newState = newState as? S { self.state = newState } } onEvent: { [eventSubject, store] event in if let action = event as? A { store.process(event: action) eventSubject.send(action) } } } }
208. 39 iosApp/../Core/Contract.swift open class Contract<I: Intent, A: Action, S: shared.State>: ObservableObject { @Published public private(set) var state: S public let dispatch: (I) -> Void public var events: some Publisher<A, Never> { eventSubject } private let eventSubject = PassthroughSubject<A, Never>() private var cancellables: Set<AnyCancellable> = [] public init(store: Store) { self.state = store.currentState as! S self.dispatch = { store.dispatch(intent: $0) } AnyCancellable { store.dispose() }.store(in: &cancellables) store.collect { [weak self] newState in if let self, let newState = newState as? S { self.state = newState } } onEvent: { [eventSubject, store] event in if let action = event as? A { store.process(event: action) eventSubject.send(action) } } } }
209. 39 iosApp/../Core/Contract.swift open class Contract<I: Intent, A: Action, S: shared.State>: ObservableObject { @Published public private(set) var state: S public let dispatch: (I) -> Void public var events: some Publisher<A, Never> { eventSubject } private let eventSubject = PassthroughSubject<A, Never>() private var cancellables: Set<AnyCancellable> = [] public init(store: Store) { self.state = store.currentState as! S self.dispatch = { store.dispatch(intent: $0) } AnyCancellable { store.dispose() }.store(in: &cancellables) store.collect { [weak self] newState in if let self, let newState = newState as? S { self.state = newState } } onEvent: { [eventSubject, store] event in if let action = event as? A { store.process(event: action) eventSubject.send(action) } } } }
210. 40 iosApp/../UI/Screen/MonsterListScreen.swift struct MonsterListScreen: View { @ObservedObject var contract: Contract<MonsterListIntent, MonsterListAction, MonsterListState> var body: some View { ZStack { switch contract.state { case _ as MonsterListState.Loading: LoadingIndicator() case let state as MonsterListState.Stable: MonsterListView(state: state, dispatch: contract.dispatch) case let state as MonsterListState.Error: FullScreenErrorView( error: state.error, onClickRetry: { contract.dispatch(MonsterListIntent.ClickErrorRetry()) } ) default: EmptyView() } }.onAppear { contract.dispatch(.OnInit()) } } }
211. 40 iosApp/../UI/Screen/MonsterListScreen.swift struct MonsterListScreen: View { @ObservedObject var contract: Contract<MonsterListIntent, MonsterListAction, MonsterListState> var body: some View { ZStack { switch contract.state { case _ as MonsterListState.Loading: LoadingIndicator() case let state as MonsterListState.Stable: MonsterListView(state: state, dispatch: contract.dispatch) case let state as MonsterListState.Error: FullScreenErrorView( error: state.error, onClickRetry: { contract.dispatch(MonsterListIntent.ClickErrorRetry()) } ) default: EmptyView() } }.onAppear { contract.dispatch(.OnInit()) } } }
212. 40 iosApp/../UI/Screen/MonsterListScreen.swift struct MonsterListScreen: View { @ObservedObject var contract: Contract<MonsterListIntent, MonsterListAction, MonsterListState> var body: some View { ZStack { switch contract.state { case _ as MonsterListState.Loading: LoadingIndicator() case let state as MonsterListState.Stable: MonsterListView(state: state, dispatch: contract.dispatch) case let state as MonsterListState.Error: FullScreenErrorView( error: state.error, onClickRetry: { contract.dispatch(MonsterListIntent.ClickErrorRetry()) } ) default: EmptyView() } }.onAppear { contract.dispatch(.OnInit()) } } }
213. 40 iosApp/../UI/Screen/MonsterListScreen.swift struct MonsterListScreen: View { @ObservedObject var contract: Contract<MonsterListIntent, MonsterListAction, MonsterListState> var body: some View { ZStack { switch contract.state { case _ as MonsterListState.Loading: LoadingIndicator() case let state as MonsterListState.Stable: MonsterListView(state: state, dispatch: contract.dispatch) case let state as MonsterListState.Error: FullScreenErrorView( error: state.error, onClickRetry: { contract.dispatch(MonsterListIntent.ClickErrorRetry()) } ) default: EmptyView() } }.onAppear { contract.dispatch(.OnInit()) } } }
214. 40 ローディング リスト 初期エラー ページ ローディング ページエラー
215. StateMachine DSL
216. 41 whenจ͕ଟ͍ɹ 1 ▶︎ s t a t e と i n t e n t と a c t i o n 増えていくと w h e n 文も二次関数的に増えていく 😱 ॲཧ͕ผΕ͍ͯΔ 2 ▶︎コードの流れ分かりにくい ▶︎バグ修正や追加開発難しくなる
217. 42 PlantUML Diagram state<MonsterListState.Hoge> { process<MonsterListIntent.Hoge> { emit(MonsterListAction.Hoge) emit(MonsterListAction.Hoge) } reduce<MonsterListAction.Hoge> { MonsterListState.Hoge } }
218. 43 StateMachine.kt → DSLΛ௨ͯ͠UMLΛMapܕʹอ࣋͢Δ StateMachineProcessor.kt → StateMachineͰ࡞ΒΕͨMapΛ࢖ͬͯProcessॲཧΛ൑அ͢Δ StateMachineReducer.kt → StateMachineͰ࡞ΒΕͨMapΛ࢖ͬͯReduceॲཧΛ൑அ͢Δ
219. 43 StateMachine.kt → DSLΛ௨ͯ͠UMLΛMapܕʹอ࣋͢Δ StateMachineProcessor.kt → StateMachineͰ࡞ΒΕͨMapΛ࢖ͬͯProcessॲཧΛ൑அ͢Δ StateMachineReducer.kt → StateMachineͰ࡞ΒΕͨMapΛ࢖ͬͯReduceॲཧΛ൑அ͢Δ ref: https://github.com/fika-tech/Macaron/tree/main/macaron-statemachine
220. 44 MonsterListState Initial I.OnInit > A.Loading, [A.LoadSuccess | A.LoadError] Loading A.Loading // Reducer is MonsterListState.Initial -> when (action) { is MonsterListAction.Loading -> { MonsterListState.Loading } } // Processor is MonsterListState.Initial -> when (intent) { is MonsterListIntent.OnInit -> { loadMonsterList(0, repository, ::emit) } }
221. # class MonsterListStateMachine( private val repository: MonsterRepository, ) : StateMachine<MonsterListIntent, MonsterListAction, MonsterListState>( builder = { TODO() } ) MonsterListState Initial I.OnInit > A.Loading, [A.LoadSuccess | A.LoadError] Loading A.Loading // Reducer is MonsterListState.Initial -> when (action) { is MonsterListAction.Loading -> { MonsterListState.Loading } } // Processor is MonsterListState.Initial -> when (intent) { is MonsterListIntent.OnInit -> { loadMonsterList(0, repository, ::emit) } } 44
222. # class MonsterListStateMachine( private val repository: MonsterRepository, ) : StateMachine<MonsterListIntent, MonsterListAction, MonsterListState>( builder = { TODO() } ) MonsterListState Initial I.OnInit > A.Loading, [A.LoadSuccess | A.LoadError] Loading A.Loading // Reducer is MonsterListState.Initial -> when (action) { is MonsterListAction.Loading -> { MonsterListState.Loading } } // Processor is MonsterListState.Initial -> when (intent) { is MonsterListIntent.OnInit -> { loadMonsterList(0, repository, ::emit) } } 44
223. # builder = { TODO() } MonsterListState Initial I.OnInit > A.Loading, [A.LoadSuccess | A.LoadError] Loading A.Loading // Reducer is MonsterListState.Initial -> when (action) { is MonsterListAction.Loading -> { MonsterListState.Loading } } // Processor is MonsterListState.Initial -> when (intent) { is MonsterListIntent.OnInit -> { loadMonsterList(0, repository, ::emit) } } 44
224. # MonsterListState Initial I.OnInit > A.Loading, [A.LoadSuccess | A.LoadError] Loading A.Loading builder = { state<MonsterListState.Initial> { }a } // Reducer is MonsterListState.Initial -> when (action) { is MonsterListAction.Loading -> { MonsterListState.Loading } } // Processor is MonsterListState.Initial -> when (intent) { is MonsterListIntent.OnInit -> { loadMonsterList(0, repository, ::emit) } } 44
225. # MonsterListState Initial I.OnInit > A.Loading, [A.LoadSuccess | A.LoadError] Loading A.Loading state<MonsterListState.Initial> { }a // Reducer is MonsterListState.Initial -> when (action) { is MonsterListAction.Loading -> { MonsterListState.Loading } } // Processor is MonsterListState.Initial -> when (intent) { is MonsterListIntent.OnInit -> { loadMonsterList(0, repository, ::emit) } } 44
226. # MonsterListState Initial I.OnInit > A.Loading, [A.LoadSuccess | A.LoadError] Loading A.Loading state<MonsterListState.Initial> { process<MonsterListIntent.OnInit> { } }a // Reducer is MonsterListState.Initial -> when (action) { is MonsterListAction.Loading -> { MonsterListState.Loading } } // Processor is MonsterListState.Initial -> when (intent) { is MonsterListIntent.OnInit -> { loadMonsterList(0, repository, ::emit) } } 44
227. # MonsterListState Initial I.OnInit > A.Loading, [A.LoadSuccess | A.LoadError] Loading A.Loading state<MonsterListState.Initial> { process<MonsterListIntent.OnInit> { loadMonsterList(0, repository, ::emit) } }a // Reducer is MonsterListState.Initial -> when (action) { is MonsterListAction.Loading -> { MonsterListState.Loading } } // Processor is MonsterListState.Initial -> when (intent) { is MonsterListIntent.OnInit -> { loadMonsterList(0, repository, ::emit) } } 44
228. # MonsterListState Initial I.OnInit > A.Loading, [A.LoadSuccess | A.LoadError] Loading A.Loading state<MonsterListState.Initial> { process<MonsterListIntent.OnInit> { emit(MonsterListAction.Loading) ... emit(MonsterListAction.LoadSuccess(monsterList)) // or emit(MonsterListAction.LoadError(error)) } }a // Reducer is MonsterListState.Initial -> when (action) { is MonsterListAction.Loading -> { MonsterListState.Loading } } // Processor is MonsterListState.Initial -> when (intent) { is MonsterListIntent.OnInit -> { emit(MonsterListAction.Loading) ... emit(MonsterListAction.LoadSuccess(...)) ... 44
229. # MonsterListState Initial I.OnInit > A.Loading, [A.LoadSuccess | A.LoadError] Loading A.Loading state<MonsterListState.Initial> { process<MonsterListIntent.OnInit> { loadMonsterList(0, repository, ::emit) } }a // Reducer is MonsterListState.Initial -> when (action) { is MonsterListAction.Loading -> { MonsterListState.Loading } } // Processor is MonsterListState.Initial -> when (intent) { is MonsterListIntent.OnInit -> { loadMonsterList(0, repository, ::emit) } } 44
230. // Processor is MonsterListState.Initial -> when (intent) { is MonsterListIntent.OnInit -> { loadMonsterList(0, repository, ::emit) } } # state<MonsterListState.Initial> { process<MonsterListIntent.OnInit> { loadMonsterList(0, repository, ::emit) } reduce<MonsterListAction.Loading> { } }a // Reducer is MonsterListState.Initial -> when (action) { is MonsterListAction.Loading -> { MonsterListState.Loading } } MonsterListState Initial I.OnInit > A.Loading, [A.LoadSuccess | A.LoadError] Loading A.Loading 44
231. # state<MonsterListState.Initial> { process<MonsterListIntent.OnInit> { loadMonsterList(0, repository, ::emit) } reduce<MonsterListAction.Loading> { } }a MonsterListState Initial I.OnInit > A.Loading, [A.LoadSuccess | A.LoadError] Loading A.Loading // Reducer is MonsterListState.Initial -> when (action) { is MonsterListAction.Loading -> { MonsterListState.Loading } } 44
232. # state<MonsterListState.Initial> { process<MonsterListIntent.OnInit> { loadMonsterList(0, repository, ::emit) } reduce<MonsterListAction.Loading> { MonsterListState.Loading } }a MonsterListState Initial I.OnInit > A.Loading, [A.LoadSuccess | A.LoadError] Loading A.Loading // Reducer is MonsterListState.Initial -> when (action) { is MonsterListAction.Loading -> { MonsterListState.Loading } } 44
233. 45 class MonsterListStateMachine(private val repository: MonsterRepository) : StateMachine<MonsterListIntent, MonsterListAction, MonsterListState>( builder = { state<MonsterListState.Initial> { process<MonsterListIntent.OnInit> { loadMonsterList(0, repository, ::emit) } reduce<MonsterListAction.Loading> { MonsterListState.Loading } } state<MonsterListState.Loading> { reduce<MonsterListAction.LoadSuccess> { MonsterListState.Stable.List(action.monsterList) } reduce<MonsterListAction.LoadError> { MonsterListState.Error(action.error) } } state<MonsterListState.Stable> { process<MonsterListIntent.ClickItem> { emit(MonsterListAction.NavigateDetails(intent.monster)) } } state<MonsterListState.Stable.List> { process<MonsterListIntent.OnScrollToBottom> { loadMonsterList(state.currentOffset, repository, ::emit) } reduce<MonsterListAction.Loading> { MonsterListState.Stable.PageLoading(state.monsterList) } } state<MonsterListState.Stable.PageLoading> { reduce<MonsterListAction.LoadSuccess> { MonsterListState.Stable.List(state.monsterList + action.monsterList) } reduce<MonsterListAction.LoadError> { MonsterListState.Stable.PageError(state.monsterList, action.error) } } state<MonsterListState.Stable.PageError> { process<MonsterListIntent.ClickErrorRetry> { loadMonsterList(state.currentOffset, repository, ::emit) } reduce<MonsterListAction.Loading> { MonsterListState.Stable.PageLoading(state.monsterList) } } state<MonsterListState.Error> { process<MonsterListIntent.ClickErrorRetry> { loadMonsterList(0, repository, ::emit) } reduce<MonsterListAction.Loading> { MonsterListState.Loading } } } )
234. 46 val stateMachine = MonsterListStateMachine(monsterRepository = ...) val processor = StateMachineProcessor(stateMachine) val reducer = StateMachineReducer(stateMachine) Reducer Processor Store
235. 47 whenจ͕ଟ͍ɹ 1 ▶︎ w h e n 文一個も必要なくなった ▶︎書くコードもかなり減った ॲཧ͕ผΕ͍ͯΔ 2 ▶︎ p r o c e s s o r と r e d u c e r の処理は同じ ブロックに入っているので、コードの 流れわかりやすくなった
236. ·ͱΊ
237. # ͍ΖΜͳٕज़Ϩϕϧͷϝϯόʔ͕Δ 48
238. # ͍ΖΜͳٕज़Ϩϕϧͷϝϯόʔ͕Δ 48
239. # 2 ٕज़΋֮͑ͳ ͍ͱ͍͚ͳ͍ 1 Ҋ݅ͷυϝΠϯ ஌ࣝ΋֮͑ͳ͍ ͱ͍͚ͳ͍ 49
240. # 2 ٕज़΋֮͑ͳ ͍ͱ͍͚ͳ͍ 1 Ҋ݅ͷυϝΠϯ ஌ࣝ΋֮͑ͳ͍ ͱ͍͚ͳ͍ KMPͰٵऩ ·ͣ͸ Compose΍ SwiftUIʹूத 49
241. # Compose & SwiftUI ݖݶͷऔಘ PUSH௨஌ 50
242. UML͕࢓༷ॻʹͳΔ 1 ▶︎ U M L を見ながら S t a t e M a c h i n e も�� 実装しやすい ࣮૷͸ಉ࣌ฒߦͰ͖Δ 2 ▶︎ 最初に U M L と S t a t e と E n t i t y を用意 するだけで、アプリの画面も K M P 側の S t a t e M a c h i n e も同時に実装できる Kotlinͷ஌ࣝগͳͯ͘΋͍͍ 3 ▶︎ S t a t e M a c h i n e は D S L 化されている�� ので i O S エンジニアでも複雑すぎない 画面の S t a t e M a c h i n e を書けます খ͍͞࢓༷มߋʹ΋ ରԠ͠΍͍͢ 4 ▶︎ボタンなど追加する場合、 I n t e n t と A c t i o n を用意して p r o c e s s と r e d u c e を 書くだけで追加できます 51
243. 52 ਂ͍Domain஌͕ࣝඞཁ 2 ▶︎ U M L を作る時に D o m a i n と U I の ロジックを落とし込むので D o m a i n 層や U I の動きの深い理解が必要 ྆OSͷ஌͕ࣝ๬·͍͠ 3 ▶︎ U M L を作成する時に両 O S の動きを 考えながら組む事が必要 ֶशίετ͕͋Δ 1 ▶︎ M V I や S t a t e M a c h i n e の考え方が 慣れていない方が多い େ͖͍࢓༷มߋʹऑ͍ 4 ▶︎仕様変更が大きければ、 S t a t e の� 構造を考え直すことがあります
244. Macaronʹ͍ͭͯ 53 0.1.0ϦϦʔε 1 ▶︎ドキュメンテーションまだ用意できてない ▶︎ A P I はこれから変わる可能性ある Roadmap 2 ▶︎ ドキュメンテーションの作成 ▶︎ M i d d l e w a r e / P l u g i n の仕組みを考え直す ▶︎ サンプルコードやアプリを増やす ▶︎ U M L からのコード生成 ▶︎ T i m e T r a v e l デバッグ https://github.com/fika-tech/Macaron
245. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
246. 54 Attributions: ▶︎ https://icons8.com/icons/collections/JLYaFSTqBIyi ▶︎ https://www.flaticon.com/free-icons/flow-chart ▶︎ https://www.flaticon.com/free-icon/uml_5687240 ▶︎ https://www.flaticon.com/free-icons/feet ▶︎ https://greenchess.net/ ▶︎ https://www.freepik.com/free-vector/scary-monster- set-colored-monsters-with-teeth-eyes-illustration- funny-monsters_13031939.htm ▶︎ https://www.freepik.com/free-vector/monsters-set- cartoon-cute-character-isolated-white- background_13031453.htm References: ▶︎ https://github.com/Tinder/StateMachine ▶︎ https://github.com/orbit-mvi/orbit-mvi ▶︎ https://github.com/arkivanov/MVIKotlin ▶︎ https://github.com/reduxjs/redux ▶︎ https://github.com/ReactorKit/ReactorKit ▶︎ https://github.com/kubode/reaktor Resources: ▶︎ https://developer.android.com/topic/architecture/ui-layer/state-production ▶︎ https://medium.com/swlh/mvi-architecture-with-android-fcde123e3c4a ▶︎ https://yuyakaido.hatenablog.com/entry/2017/12/12/235143 ▶︎ https://plantuml.com/ Links: ▶︎ https://github.com/fika-tech/Macaron ▶︎ https://github.com/fika-tech/DroigKaigi-Sample