MVI architektura

Transcript

1. MVI architektura Lukáš Sztefek
2. Model-View-Intent(ion) View Model Intent
3. koreactor https://github.com/SumeraMartin/koreactor
4. koreactor Reactor Action State Activity (View) Reducer Event
5. koreactor Reactor Action State Activity (View) Reducer Event
6. State #1 time actions states Data flow
7. State #1 Click time actions states Data flow
8. State #1 Click Reducer #1 time actions states Data flow
9. State #1 Click State #2 Reducer #1 time actions states Data flow
10. State #1 Click Reducer #1 State #2 Text change Reducer #2 State #3 time actions states Data flow
11. sealed class LoginAction : MviAction<LoginState> data class OnLoginEmailChangeAction(val email: String) : LoginAction() Action
12. State data class LoginState( val email: String, val isEmailError: Boolean, val password: String, val buttonState: SubmitFormFieldState ) : MviState
13. Reducer data class ChangeEmailReducer(val email: String) : LoginReducer() { override fun reduce(oldState: LoginState): LoginState { return oldState.copy(email = email) } }
14. class LoginReactor : MviReactor<LoginState>() { override fun createInitialState() = LoginState("", false, "", SubmitFormFieldState.DISABLED) override fun bind(actions: Observable<MviAction<LoginState>>) { val emailChangeAction = actions.ofActionType<OnLoginEmailChangeAction>() emailChangeAction .map { ChangeEmailReducer(it.email) } .bindToView() } } Reactor
15. koreactor Reactor Action State Activity (View) Reducer Event
16. State #1 State #2 State #3 time states render render render
17. View class LoginActivity : BaseActivity<LoginState>() { @Inject lateinit var reactorFactory: LoginReactorFactory override fun createReactor(): MviReactor<LoginState> { return getReactor(reactorFactory, LoginReactor::class.java) } override val layoutRes: Int = R.layout.activity_login override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) login_emailEditText.textChanges() .map { OnLoginEmailChangeAction(it.toString()) }.bindToReactor() } override fun bindToState(stateObservable: Observable<LoginState>) { stateObservable.getChange { it.buttonState }.observeState { login_button.buttonState = it } } }
18. View class LoginActivity : BaseActivity<LoginState>() { @Inject lateinit var reactorFactory: LoginReactorFactory override fun createReactor(): MviReactor<LoginState> { return getReactor(reactorFactory, LoginReactor::class.java) } override val layoutRes: Int = R.layout.activity_login override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) login_emailEditText.textChanges() .map { OnLoginEmailChangeAction(it.toString()) }.bindToReactor() } override fun bindToState(stateObservable: Observable<LoginState>) { stateObservable.getChange { it.buttonState }.observeState { login_button.buttonState = it } } }
19. View class LoginActivity : BaseActivity<LoginState>() { @Inject lateinit var reactorFactory: LoginReactorFactory override fun createReactor(): MviReactor<LoginState> { return getReactor(reactorFactory, LoginReactor::class.java) } override val layoutRes: Int = R.layout.activity_login override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) login_emailEditText.textChanges() .map { OnLoginEmailChangeAction(it.toString()) }.bindToReactor() } override fun bindToState(stateObservable: Observable<LoginState>) { stateObservable.getChange { it.buttonState }.observeState { login_button.buttonState = it } } }
20. koreactor Reactor Action State Activity (View) Reducer Event
21. sealed class LoginEvent : MviEvent<LoginState>() object BackEvent : LoginEvent() Event
22. Reactor class LoginReactor : MviReactor<LoginState>() { override fun createInitialState() = LoginState(...) override fun bind(actions: Observable<MviAction<LoginState>>) { val onBackAction = actions.ofActionType<OnBackAction>() onBackAction .map { BackEvent } .bindToView() } }
23. View class LoginActivity : BaseActivity<LoginState>() { // ... override fun bindToEvent(eventsObservable: Observable<MviEvent<LoginState>>) { eventsObservable.observeEvent { event -> when (event) { BackEvent -> onBackPressed() } } } }
24. Vlastnosti testovatelnost čitelnost strukturovatelnost / izolovanost udržovatelnost debugovatelnost
25. Vlastnosti State #1 State #2 State #3 time states
26. Vlastnosti testovatelnost čitelnost strukturovatelnost / izolovanost udržovatelnost debugovatelnost
27. Vlastnosti testovatelnost čitelnost strukturovatelnost / izolovanost udržovatelnost debugovatelnost
28. Vlastnosti testovatelnost čitelnost strukturovatelnost / izolovanost udržovatelnost debugovatelnost
29. Vlastnosti override fun bind(actions: Observable<MviAction<JobCreateState>>) { val onBackAction = actions.ofActionType<OnBackAction>() val onCategorySelectedAction = actions.ofActionType<OnCategorySelectedAction>().share() val addApplicantAction = actions.ofActionType<AddApplicantAction>() val removeApplicantAction = actions.ofActionType<RemoveApplicantAction>() val onDescriptionChangeAction = actions.ofActionType<OnDescriptionChangeAction>().share() val onDressCodeChangeAction = actions.ofActionType<OnDressCodeChangeAction>().share() val onBeginDateChangeAction = actions.ofActionType<OnBeginDateChangeAction>().share() val onBeginTimeChangeAction = actions.ofActionType<OnBeginTimeChangeAction>().share() val onEndDateChangeAction = actions.ofActionType<OnEndDateChangeAction>().share() val onEndTimeChangeAction = actions.ofActionType<OnEndTimeChangeAction>().share() val createJobAction = actions.ofActionType<CreateJobAction>() val resolveCreateJobAction = actions.ofActionType<ResolveCreateJobAction>() val onAutomaticConfirmForJobAction = actions.ofActionType<OnAutomaticConfirmForJobAction>() val onAutomaticConfirmForJobConfirmedAction = actions.ofActionType<OnAutomaticConfirmForJobConfirmedAction>() val onCancelAutomaticConfirmForJobConfirmedAction = actions.ofActionType<OnCancelAutomaticConfirmForJobConfirmedAction>() val onPayoffTypeChangeAction = actions.ofActionType<OnPayoffTypeChangeAction>() val onChooseCateringAddressClickAction = actions.ofActionType<OnChooseCateringAddressClickAction>() val onCateringApplicantChangeAction = actions.ofActionType<OnCateringApplicantChangeAction>() val onVenueChangeAction = actions.ofActionType<OnVenueChangeAction>() val onAddressChangeAction = actions.ofActionType<OnAddressChangeAction>()
30. Vlastnosti testovatelnost čitelnost strukturovatelnost / izolovanost udržovatelnost debugovatelnost
31. Vlastnosti testovatelnost čitelnost strukturovatelnost / izolovanost udržovatelnost debugovatelnost
32. Q&A