複雑なステート管理をらくにするステートマシンを使ったアプローチ

モバイルアプリのステート管理に役立つステートマシンの紹介をします。

Transcript

1. potatotips #80 - 2022.12.22 @tomorrowkey
2. / STORES STORES <- <- Android @tomorrowkey
3. STORES
4. https://www.st.inc/news/2022-12-19-brandedapp-shopify
5. WebView
6. WebView (Native/HTML/Javascript ) WebView
7. WebView (Native/HTML/Javascript ) WebView
8. WebView viewDidLoad(), onCreate() API …
9. WebView viewDidLoad(), onCreate() API … Web Web API JavaScript
11. Web
14. Event.LoginPageShown Event.LoginPageShown Event.LoginScriptExecuted Event.TopPageShown Event.LoadingObserverLaunched Event.LoginPageShown Event.CheckInButtonClicked Event.CheckOutButtonClicked CheckInScriptExecuted Event.ClockShown Event.ErrorShown Event.ClockShown State.Init State.WaitForLogin State.WaitForAuth State.WaitForLoadingObserverLaunch State.WaitForCheckIn State.WaitForCheckInScriptExecuted State.CheckInLoading State.ErrorShown
15. StateMachine.create { initialState(Init) state<Init> { on<LoginPageShown> { transitionTo(WaitForLogin) } } state<WaitForLogin> { on<LoginPageShown> { transitionTo(WaitForLogin) } on<LoginScriptExecuted> { transitionTo(WaitForAuth) } } state<WaitForAuth> { on<TopPageShown> { transitionTo(WaitForLoadingObserver on<LoginPageShown> { transitionTo(WaitForLogin) } } state<WaitForLoadingObserverLaunch> { on<LoadingObserverLaunched> { transitionTo(WaitForChec Tinder/StateMachine