社内勉強会資料_Flux

Transcript

1. Flux APPLICATION ARCHITECTURE FOR BUILDING USER INTERFACES
2. http://facebook.github.io/flux/
3. https://peaks.cc/books/architecture_patterns
4. Flux? • Web ApplicationͰ࢖ΘΕ͍ͯΔΞʔΩςΫνϟ • ୯Ұํ޲ͷσʔλϑϩʔ • ঢ়ଶ؅ཧΛ෼཭
5. શମ૾
6. View͔ΒͷೖྗΛॲཧ͠ɺͦͷ݁ՌͱͳΔσʔλΛStore΁ͱ఻ୡ͢Δ Action
7. ActionΛStore΁ͱ఻ୡ͢Δ Dispatcher
8. Dispatcher͔ΒૹΒΕͨActionٴͼͦΕؚ͕ΉσʔλʹԠͯࣗ͡਎ͷঢ় ଶΛมߋ͠อ࣋͢Δ Store
9. Storeͷঢ়گʹԠͯ݁͡ՌͳͲΛը໘ʹදࣔ͢Δ View
10. શମ૾ View͔ΒAction΁ͷσλʔϑϩʔ͕࢝·Δ͜ͱ΋͋Δ
11. https://github.com/facebook/flux
14. View • Activity, Fragment, android.view.View
15. View class MainActivity : View(), HasSupportFragmentInjector { @Inject lateinit var androidInjector: DispatchingAndroidInjector<Fragment> @Inject lateinit var actionCreator: MainActionCreator @Inject lateinit var store: MainStore private val binding: ActivityGalleryBinding by contentViewBinding(R.layout.activity_gallery) private var adapter: PhotosAdapter? = null … override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) … store.photos .subscribe { // it : List<MaterialPhoto> adapter = PhotosAdapter( this@MainActivity, it.toMutableList(), object : PhotosAdapter.OnItemClickListener { override fun onItemClick(item: MaterialPhoto) { actionCreator.showPhoto(this@MainActivity, item.id) } }) binding.recyclerView.also { it.adapter = adapter } adapter?.notifyDataSetChanged() } .disposeWhenDestroy() actionCreator.fetchPopularPhotos(0) } } ޙ΄Ͳઆ໌
16. Action • ʮλΠϓʯͱʮσʔλʯΛ΋͍ͬͯΔ
17. Action sealed class MainAction<out T>(override val type: String) : Action<T> { class RefreshPhotos(override val data: List<MaterialPhoto>) : MainAction<List<MaterialPhoto>>(TYPE) { companion object { const val TYPE = "MainAction.RefreshPhotos" } } class ShowPhoto(override val data: MaterialPhoto) : MainAction<MaterialPhoto>(TYPE) { companion object { const val TYPE = "MainAction.ShowPhoto" } } } ޙ΄Ͳઆ໌
18. ActionCreator • σʔλͷऔಘ • σʔλՃ޻ͱActionͷੜ੒ • Dispatcher΁ͷActionૹ৴
19. ActionCreator @PerActivityScope class MainActionCreator @Inject constructor( private val dispatcher: Dispatcher, private val repository: ImageFlickrRepository ) { companion object { private const val SEARCH_TEXT = "owl" private const val PER_PAGE = 32 } fun fetchPopularPhotos(page: Int) { repository.findByText(SearchOrderType.POPULAR, SEARCH_TEXT, page, PER_PAGE) .subscribeOn(Schedulers.io()) .subscribeBy( onNext = { dispatcher.dispatch(MainAction.RefreshPhotos(it)) }, onError = { // Timber.e(it) } ) } fun showPhoto(activity: AppCompatActivity, materialPhotoId: MaterialPhotoId) { PhotoDialogFragment.newInstance(materialPhotoId) .show(activity.supportFragmentManager, "MainAction.PhotoDialog") } } ޙ΄Ͳઆ໌
20. Dispatcher • σʔλϑϩʔͷϋϒ
21. Pub/SubܕLibrary • EventBus(greenrobot) • Otto (square.inc) • RxJava(Subject and Processor) “Androidʹ͓͍ͯ͸DispacherͱͳΔΫϥεͷΠϯελϯε؅ཧʹ͸ؾΛ͚ͭΔඞཁ͕͋Γ·͢ɻ Applicationͱಉ͡ϥΠϑαΠΫϧΛ࣋ͭΫϥεɺ΋͘͠͸γϯάϧτϯʹͳΔ͜ͱ͕ଟ͍Ͱ͠ΐ͏ɻ”
22. Dispatcher @Singleton class Dispatcher @Inject constructor() { private val dispatcherProcessor: FlowableProcessor<Action<*>> = PublishProcessor.create<Action<*>>() fun <T> dispatch(action: Action<T>) { dispatcherProcessor.onNext(action) } fun on(type: String) = dispatcherProcessor.filter { it.type == type } } ޙ΄Ͳઆ໌
23. Store • σʔλͷड͚औΓ • ঢ়ଶͷߋ৽
24. อ࣋͢Δঢ়ଶ͕ଟ͍৔߹ͷ஫ҙ఺ • ঢ়ଶΛͲͷΑ͏ʹ΋͔ͭ • ϝϞϦ or σεΫ • StoreͷϥΠϑαΠΫϧ؅ཧ • Application or Activity
25. Store class MainStore @Inject constructor(private val dispatcher: Dispatcher) : Store() { private val _photos = BehaviorProcessor.create<List<MaterialPhoto>>() private val _photo = BehaviorProcessor.create<MaterialPhoto>() val photos: Flowable<List<MaterialPhoto>> = _photos val photo: Flowable<MaterialPhoto> = _photo init { dispatcher.on(MainAction.RefreshPhotos.TYPE) .map { (it as MainAction.RefreshPhotos).data } .observeOn(AndroidSchedulers.mainThread()) .subscribe(_photos) dispatcher.on(MainAction.ShowPhoto.TYPE) .map { (it as MainAction.ShowPhoto).data } .observeOn(AndroidSchedulers.mainThread()) .subscribe(_photo) } } ޙ΄Ͳઆ໌
28. Sample • Flicker APIΛ࢖ͬͯը૾৘ใΛऔಘ͠Ұཡදࣔ͢Δ
29. Step • Repository • Action • Action Creator • Dispatcher • Store • View
30. Step • Repository • Action • Action Creator • Dispatcher • Store • View
31. Api interface FlickrApiService { /** * https://www.flickr.com/services/api/flickr.photos.search.html */ @GET("/services/rest?method=flickr.photos.search&api_key=" + BuildConfig.FLICKR_API_KEY + "&format=json&nojsoncallback=1") fun photoSearch(@Query("text") text: String, @Query("page") page: Int?, @Query("per_page") perpage: Int?, @Query("sort") sort: String): Observable<FlickrPhotoResponse> }
32. Repository interface ImageFlickrRepository { fun findByText(searchOrderType: SearchOrderType, text: String, page: Int, perPage: Int): Observable<List<MaterialPhoto>> fun findById(materialPhotoId: MaterialPhotoId): Observable<MaterialPhoto> fun clearCache(searchOrderType: SearchOrderType, text: String): Single<Int> }
33. Repository Impl class ImageFlickrRepositoryImpl( private val remote: ImageFlickrDataSource, private val local: ImageFlickrDataSource ) : ImageFlickrRepository { override fun findByText(searchOrderType: SearchOrderType, text: String, page: Int, perPage: Int): Observable<List<MaterialPhoto>> { return remote.findByText(searchOrderType, text, page, perPage) .observeOn(Schedulers.newThread()) .doOnNext { p: List<FlickrPhoto> -> local.updateCache(searchOrderType, text, page, p) } .filter{ photos -> !photos.isEmpty()} .first(ArrayList()) .toObservable() .observeOn(AndroidSchedulers.mainThread()) .map { MaterialImageMapper.transform(it) } } override fun findById(materialPhotoId: MaterialPhotoId): Observable<MaterialPhoto> {} override fun clearCache(searchOrderType: SearchOrderType, text: String): Single<Int> {} }
34. class ImageFlickrRepositoryImpl( private val remote: ImageFlickrDataSource, private val local: ImageFlickrDataSource ) : ImageFlickrRepository { override fun findByText(searchOrderType: SearchOrderType, text: String, page: Int, perPage: Int): Observable<List<MaterialPhoto>> { return remote.findByText(searchOrderType, text, page, perPage) .observeOn(Schedulers.newThread()) .doOnNext { p: List<FlickrPhoto> -> local.updateCache(searchOrderType, text, page, p) } .filter{ photos -> !photos.isEmpty()} .first(ArrayList()) .toObservable() .observeOn(AndroidSchedulers.mainThread()) .map { MaterialImageMapper.transform(it) } } override fun findById(materialPhotoId: MaterialPhotoId): Observable<MaterialPhoto> {} override fun clearCache(searchOrderType: SearchOrderType, text: String): Single<Int> {} } Repository Impl class ImageFlickrRepositoryImpl( private val remote: ImageFlickrDataSource, private val local: ImageFlickrDataSource ) : ImageFlickrRepository { override fun findByText(searchOrderType: SearchOrderType, text: String, page: Int, perPage: Int): Observable<List<MaterialPhoto>> { return remote.findByText(searchOrderType, text, page, perPage) .observeOn(Schedulers.newThread()) .doOnNext { p: List<FlickrPhoto> -> local.updateCache(searchOrderType, text, page, p) } .filter{ photos -> !photos.isEmpty()} .first(ArrayList()) .toObservable() .observeOn(AndroidSchedulers.mainThread()) .map { MaterialImageMapper.transform(it) } } override fun findById(materialPhotoId: MaterialPhotoId): Observable<MaterialPhoto> {} override fun clearCache(searchOrderType: SearchOrderType, text: String): Single<Int> {} }
35. Repository Impl class ImageFlickrRepositoryImpl( private val remote: ImageFlickrDataSource, private val local: ImageFlickrDataSource ) : ImageFlickrRepository { override fun findByText(searchOrderType: SearchOrderType, text: String, page: Int, perPage: Int): Observable<List<MaterialPhoto>> { return remote.findByText(searchOrderType, text, page, perPage) .observeOn(Schedulers.newThread()) .doOnNext { p: List<FlickrPhoto> -> local.updateCache(searchOrderType, text, page, p) } .filter{ photos -> !photos.isEmpty()} .first(ArrayList()) .toObservable() .observeOn(AndroidSchedulers.mainThread()) .map { MaterialImageMapper.transform(it) } } override fun findById(materialPhotoId: MaterialPhotoId): Observable<MaterialPhoto> {} override fun clearCache(searchOrderType: SearchOrderType, text: String): Single<Int> {} }
36. Repository Impl class ImageFlickrRepositoryImpl( private val remote: ImageFlickrDataSource, private val local: ImageFlickrDataSource ) : ImageFlickrRepository { override fun findByText(searchOrderType: SearchOrderType, text: String, page: Int, perPage: Int): Observable<List<MaterialPhoto>> { return remote.findByText(searchOrderType, text, page, perPage) .observeOn(Schedulers.newThread()) .doOnNext { p: List<FlickrPhoto> -> local.updateCache(searchOrderType, text, page, p) } .filter{ photos -> !photos.isEmpty()} .first(ArrayList()) .toObservable() .observeOn(AndroidSchedulers.mainThread()) .map { MaterialImageMapper.transform(it) } } override fun findById(materialPhotoId: MaterialPhotoId): Observable<MaterialPhoto> {} override fun clearCache(searchOrderType: SearchOrderType, text: String): Single<Int> {} }
37. Repository Impl class ImageFlickrRepositoryImpl( private val remote: ImageFlickrDataSource, private val local: ImageFlickrDataSource ) : ImageFlickrRepository { override fun findByText(searchOrderType: SearchOrderType, text: String, page: Int, perPage: Int): Observable<List<MaterialPhoto>> { return remote.findByText(searchOrderType, text, page, perPage) .observeOn(Schedulers.newThread()) .doOnNext { p: List<FlickrPhoto> -> local.updateCache(searchOrderType, text, page, p) } .filter{ photos -> !photos.isEmpty()} .first(ArrayList()) .toObservable() .observeOn(AndroidSchedulers.mainThread()) .map { MaterialImageMapper.transform(it) } } override fun findById(materialPhotoId: MaterialPhotoId): Observable<MaterialPhoto> {} override fun clearCache(searchOrderType: SearchOrderType, text: String): Single<Int> {} }
38. Repository Impl class ImageFlickrRepositoryImpl( private val remote: ImageFlickrDataSource, private val local: ImageFlickrDataSource ) : ImageFlickrRepository { override fun findByText(searchOrderType: SearchOrderType, text: String, page: Int, perPage: Int): Observable<List<MaterialPhoto>> { return remote.findByText(searchOrderType, text, page, perPage) .observeOn(Schedulers.newThread()) .doOnNext { p: List<FlickrPhoto> -> local.updateCache(searchOrderType, text, page, p) } .filter{ photos -> !photos.isEmpty()} .first(ArrayList()) .toObservable() .observeOn(AndroidSchedulers.mainThread()) .map { MaterialImageMapper.transform(it) } } override fun findById(materialPhotoId: MaterialPhotoId): Observable<MaterialPhoto> {} override fun clearCache(searchOrderType: SearchOrderType, text: String): Single<Int> {} }
39. Step • Repository • Action • Action Creator • Dispatcher • Store • View
40. Action interface Action<out T> { val type: String val data: T }
41. Action interface Action<out T> { val type: String val data: T }
42. Action interface Action<out T> { val type: String val data: T }
43. Action sealed class MainAction<out T>(override val type: String) : Action<T> { class RefreshPhotos(override val data: List<MaterialPhoto>) : MainAction<List<MaterialPhoto>>(TYPE) { companion object { const val TYPE = "MainAction.RefreshPhotos" } } class ShowPhoto(override val data: MaterialPhoto) : MainAction<MaterialPhoto>(TYPE) { companion object { const val TYPE = "MainAction.ShowPhoto" } } }
44. Action sealed class MainAction<out T>(override val type: String) : Action<T> { class RefreshPhotos(override val data: List<MaterialPhoto>) : MainAction<List<MaterialPhoto>>(TYPE) { companion object { const val TYPE = "MainAction.RefreshPhotos" } } class ShowPhoto(override val data: MaterialPhoto) : MainAction<MaterialPhoto>(TYPE) { companion object { const val TYPE = "MainAction.ShowPhoto" } } }
45. Action sealed class MainAction<out T>(override val type: String) : Action<T> { class RefreshPhotos(override val data: List<MaterialPhoto>) : MainAction<List<MaterialPhoto>>(TYPE) { companion object { const val TYPE = "MainAction.RefreshPhotos" } } class ShowPhoto(override val data: MaterialPhoto) : MainAction<MaterialPhoto>(TYPE) { companion object { const val TYPE = "MainAction.ShowPhoto" } } }
46. Step • Repository • Action • Action Creator • Dispatcher • Store • View
47. ActionCreator @PerActivityScope class MainActionCreator @Inject constructor( private val dispatcher: Dispatcher, private val repository: ImageFlickrRepository ) { companion object { private const val SEARCH_TEXT = "owl" private const val PER_PAGE = 32 } fun fetchPopularPhotos(page: Int) { repository.findByText(SearchOrderType.POPULAR, SEARCH_TEXT, page, PER_PAGE) .subscribeOn(Schedulers.io()) .subscribeBy( onNext = { dispatcher.dispatch(MainAction.RefreshPhotos(it)) }, onError = { // Timber.e(it) } ) } fun showPhoto(activity: AppCompatActivity, materialPhotoId: MaterialPhotoId) { PhotoDialogFragment.newInstance(materialPhotoId) .show(activity.supportFragmentManager, "MainAction.PhotoDialog") } }
48. ActionCreator @PerActivityScope class MainActionCreator @Inject constructor( private val dispatcher: Dispatcher, private val repository: ImageFlickrRepository ) { companion object { private const val SEARCH_TEXT = "owl" private const val PER_PAGE = 32 } fun fetchPopularPhotos(page: Int) { repository.findByText(SearchOrderType.POPULAR, SEARCH_TEXT, page, PER_PAGE) .subscribeOn(Schedulers.io()) .subscribeBy( onNext = { dispatcher.dispatch(MainAction.RefreshPhotos(it)) }, onError = { // Timber.e(it) } ) } fun showPhoto(activity: AppCompatActivity, materialPhotoId: MaterialPhotoId) { PhotoDialogFragment.newInstance(materialPhotoId) .show(activity.supportFragmentManager, "MainAction.PhotoDialog") } }
49. ActionCreator @PerActivityScope class MainActionCreator @Inject constructor( private val dispatcher: Dispatcher, private val repository: ImageFlickrRepository ) { companion object { private const val SEARCH_TEXT = "owl" private const val PER_PAGE = 32 } fun fetchPopularPhotos(page: Int) { repository.findByText(SearchOrderType.POPULAR, SEARCH_TEXT, page, PER_PAGE) .subscribeOn(Schedulers.io()) .subscribeBy( onNext = { dispatcher.dispatch(MainAction.RefreshPhotos(it)) }, onError = { // Timber.e(it) } ) } fun showPhoto(activity: AppCompatActivity, materialPhotoId: MaterialPhotoId) { PhotoDialogFragment.newInstance(materialPhotoId) .show(activity.supportFragmentManager, "MainAction.PhotoDialog") } }
50. ActionCreator @PerActivityScope class MainActionCreator @Inject constructor( private val dispatcher: Dispatcher, private val repository: ImageFlickrRepository ) { companion object { private const val SEARCH_TEXT = "owl" private const val PER_PAGE = 32 } fun fetchPopularPhotos(page: Int) { repository.findByText(SearchOrderType.POPULAR, SEARCH_TEXT, page, PER_PAGE) .subscribeOn(Schedulers.io()) .subscribeBy( onNext = { dispatcher.dispatch(MainAction.RefreshPhotos(it)) }, onError = { // dispatcher.dispatch(ErrorAction()) } ) } fun showPhoto(activity: AppCompatActivity, materialPhotoId: MaterialPhotoId) { PhotoDialogFragment.newInstance(materialPhotoId) .show(activity.supportFragmentManager, "MainAction.PhotoDialog") } }
51. ActionCreator @PerActivityScope class MainActionCreator @Inject constructor( private val dispatcher: Dispatcher, private val repository: ImageFlickrRepository ) { companion object { private const val SEARCH_TEXT = "owl" private const val PER_PAGE = 32 } fun fetchPopularPhotos(page: Int) { repository.findByText(SearchOrderType.POPULAR, SEARCH_TEXT, page, PER_PAGE) .subscribeOn(Schedulers.io()) .subscribeBy( onNext = { dispatcher.dispatch(MainAction.RefreshPhotos(it)) }, onError = { // Timber.e(it) } ) } fun showPhoto(activity: AppCompatActivity, materialPhotoId: MaterialPhotoId) { PhotoDialogFragment.newInstance(materialPhotoId) .show(activity.supportFragmentManager, "MainAction.PhotoDialog") } } implementation 'io.reactivex:rxkotlin:2.0.0-RC1'
52. ActionCreator • ঢ়ଶΛ࣋ͨͳ͍ • Πϯελϯε͸ඞཁͳ͘ͳͬͨΒഁغ͢Δ
53. ActionCreator @PerActivityScope class MainActionCreator @Inject constructor( private val dispatcher: Dispatcher, private val repository: ImageFlickrRepository ) { companion object { private const val SEARCH_TEXT = "owl" private const val PER_PAGE = 32 } fun fetchPopularPhotos(page: Int) { repository.findByText(SearchOrderType.POPULAR, SEARCH_TEXT, page, PER_PAGE) .subscribeOn(Schedulers.io()) .subscribeBy( onNext = { dispatcher.dispatch(MainAction.RefreshPhotos(it)) }, onError = { // Timber.e(it) } ) } fun showPhoto(activity: AppCompatActivity, materialPhotoId: MaterialPhotoId) { PhotoDialogFragment.newInstance(materialPhotoId) .show(activity.supportFragmentManager, "MainAction.PhotoDialog") } }
54. Step • Repository • Action • Action Creator • Dispatcher • Store • View
55. Dispatcher @Singleton class Dispatcher @Inject constructor() { private val dispatcherProcessor: FlowableProcessor<Action<*>> = PublishProcessor.create<Action<*>>() fun <T> dispatch(action: Action<T>) { dispatcherProcessor.onNext(action) } fun on(type: String) = dispatcherProcessor.filter { it.type == type } }
56. Dispatcher @Singleton class Dispatcher @Inject constructor() { private val dispatcherProcessor: FlowableProcessor<Action<*>> = PublishProcessor.create<Action<*>>() fun <T> dispatch(action: Action<T>) { dispatcherProcessor.onNext(action) } fun on(type: String) = dispatcherProcessor.filter { it.type == type } }
57. Dispatcher @Singleton class Dispatcher @Inject constructor() { private val dispatcherProcessor: FlowableProcessor<Action<*>> = PublishProcessor.create<Action<*>>() fun <T> dispatch(action: Action<T>) { dispatcherProcessor.onNext(action) } fun on(type: String) = dispatcherProcessor.filter { it.type == type } }
58. Dispatcher @Singleton class Dispatcher @Inject constructor() { private val dispatcherProcessor: FlowableProcessor<Action<*>> = PublishProcessor.create<Action<*>>() fun <T> dispatch(action: Action<T>) { dispatcherProcessor.onNext(action) } fun on(type: String) = dispatcherProcessor.filter { it.type == type } }
59. Step • Repository • Action • Action Creator • Dispatcher • Store • View
60. Store class MainStore @Inject constructor(private val dispatcher: Dispatcher) : Store() { private val _photos = BehaviorProcessor.create<List<MaterialPhoto>>() private val _photo = BehaviorProcessor.create<MaterialPhoto>() val photos: Flowable<List<MaterialPhoto>> = _photos val photo: Flowable<MaterialPhoto> = _photo init { dispatcher.on(MainAction.RefreshPhotos.TYPE) .map { (it as MainAction.RefreshPhotos).data } .observeOn(AndroidSchedulers.mainThread()) .subscribe(_photos) dispatcher.on(MainAction.ShowPhoto.TYPE) .map { (it as MainAction.ShowPhoto).data } .observeOn(AndroidSchedulers.mainThread()) .subscribe(_photo) } }
61. Store class MainStore @Inject constructor(private val dispatcher: Dispatcher) : Store() { private val _photos = BehaviorProcessor.create<List<MaterialPhoto>>() private val _photo = BehaviorProcessor.create<MaterialPhoto>() val photos: Flowable<List<MaterialPhoto>> = _photos val photo: Flowable<MaterialPhoto> = _photo init { dispatcher.on(MainAction.RefreshPhotos.TYPE) .map { (it as MainAction.RefreshPhotos).data } .observeOn(AndroidSchedulers.mainThread()) .subscribe(_photos) dispatcher.on(MainAction.ShowPhoto.TYPE) .map { (it as MainAction.ShowPhoto).data } .observeOn(AndroidSchedulers.mainThread()) .subscribe(_photo) } }
62. Store class MainStore @Inject constructor(private val dispatcher: Dispatcher) : Store() { private val _photos = BehaviorProcessor.create<List<MaterialPhoto>>() private val _photo = BehaviorProcessor.create<MaterialPhoto>() val photos: Flowable<List<MaterialPhoto>> = _photos val photo: Flowable<MaterialPhoto> = _photo init { dispatcher.on(MainAction.RefreshPhotos.TYPE) .map { (it as MainAction.RefreshPhotos).data } .observeOn(AndroidSchedulers.mainThread()) .subscribe(_photos) dispatcher.on(MainAction.ShowPhoto.TYPE) .map { (it as MainAction.ShowPhoto).data } .observeOn(AndroidSchedulers.mainThread()) .subscribe(_photo) } } ड͚औΔActionͷܕ͸<Action<*>>
63. Store class MainStore @Inject constructor(private val dispatcher: Dispatcher) : Store() { private val _photos = BehaviorProcessor.create<List<MaterialPhoto>>() private val _photo = BehaviorProcessor.create<MaterialPhoto>() val photos: Flowable<List<MaterialPhoto>> = _photos val photo: Flowable<MaterialPhoto> = _photo init { dispatcher.on(MainAction.RefreshPhotos.TYPE) .map { (it as MainAction.RefreshPhotos).data } .observeOn(AndroidSchedulers.mainThread()) .subscribe(_photos) dispatcher.on(MainAction.ShowPhoto.TYPE) .map { (it as MainAction.ShowPhoto).data } .observeOn(AndroidSchedulers.mainThread()) .subscribe(_photo) } } View͕ࢀর͢Δσʔλ
64. Store class MainStore @Inject constructor(private val dispatcher: Dispatcher) : Store() { private val _photos = BehaviorProcessor.create<List<MaterialPhoto>>() private val _photo = BehaviorProcessor.create<MaterialPhoto>() val photos: Flowable<List<MaterialPhoto>> = _photos val photo: Flowable<MaterialPhoto> = _photo init { dispatcher.on(MainAction.RefreshPhotos.TYPE) .map { (it as MainAction.RefreshPhotos).data } .observeOn(AndroidSchedulers.mainThread()) .subscribe(_photos) dispatcher.on(MainAction.ShowPhoto.TYPE) .map { (it as MainAction.ShowPhoto).data } .observeOn(AndroidSchedulers.mainThread()) .subscribe(_photo) } } ௚લͷ஋Λอ͓࣋ͯ͘͜͠ͱ͕Ͱ͖ΔFlowable
65. Step • Repository • Action • Action Creator • Dispatcher • Store • View
66. View class MainActivity : View(), HasSupportFragmentInjector { @Inject lateinit var androidInjector: DispatchingAndroidInjector<Fragment> @Inject lateinit var actionCreator: MainActionCreator @Inject lateinit var store: MainStore private val binding: ActivityGalleryBinding by contentViewBinding(R.layout.activity_gallery) private var adapter: PhotosAdapter? = null … override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) … store.photos .subscribe { // it : List<MaterialPhoto> adapter = PhotosAdapter( this@MainActivity, it.toMutableList(), object : PhotosAdapter.OnItemClickListener { override fun onItemClick(item: MaterialPhoto) { actionCreator.showPhoto(this@MainActivity, item.id) } }) binding.recyclerView.also { it.adapter = adapter } adapter?.notifyDataSetChanged() } .disposeWhenDestroy() actionCreator.fetchPopularPhotos(0) } }
67. View class MainActivity : View(), HasSupportFragmentInjector { @Inject lateinit var androidInjector: DispatchingAndroidInjector<Fragment> @Inject lateinit var actionCreator: MainActionCreator @Inject lateinit var store: MainStore private val binding: ActivityGalleryBinding by contentViewBinding(R.layout.activity_gallery) private var adapter: PhotosAdapter? = null … override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) … store.photos .subscribe { // it : List<MaterialPhoto> adapter = PhotosAdapter( this@MainActivity, it.toMutableList(), object : PhotosAdapter.OnItemClickListener { override fun onItemClick(item: MaterialPhoto) { actionCreator.showPhoto(this@MainActivity, item.id) } }) binding.recyclerView.also { it.adapter = adapter } adapter?.notifyDataSetChanged() } .disposeWhenDestroy() actionCreator.fetchPopularPhotos(0) } }
68. View class MainActivity : View(), HasSupportFragmentInjector { @Inject lateinit var androidInjector: DispatchingAndroidInjector<Fragment> @Inject lateinit var actionCreator: MainActionCreator @Inject lateinit var store: MainStore private val binding: ActivityGalleryBinding by contentViewBinding(R.layout.activity_gallery) private var adapter: PhotosAdapter? = null … override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) … store.photos .subscribe { // it : List<MaterialPhoto> adapter = PhotosAdapter( this@MainActivity, it.toMutableList(), object : PhotosAdapter.OnItemClickListener { override fun onItemClick(item: MaterialPhoto) { actionCreator.showPhoto(this@MainActivity, item.id) } }) binding.recyclerView.also { it.adapter = adapter } adapter?.notifyDataSetChanged() } .disposeWhenDestroy() actionCreator.fetchPopularPhotos(0) } }
69. View class MainActivity : View(), HasSupportFragmentInjector { @Inject lateinit var androidInjector: DispatchingAndroidInjector<Fragment> @Inject lateinit var actionCreator: MainActionCreator @Inject lateinit var store: MainStore private val binding: ActivityGalleryBinding by contentViewBinding(R.layout.activity_gallery) private var adapter: PhotosAdapter? = null … override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) … store.photos .subscribe { // it : List<MaterialPhoto> adapter = PhotosAdapter( this@MainActivity, it.toMutableList(), object : PhotosAdapter.OnItemClickListener { override fun onItemClick(item: MaterialPhoto) { actionCreator.showPhoto(this@MainActivity, item.id) } }) binding.recyclerView.also { it.adapter = adapter } adapter?.notifyDataSetChanged() } .disposeWhenDestroy() actionCreator.fetchPopularPhotos(0) } }
71. Scale • ͢΂ͯͷStore͕Dispatcher಺ʹఆٛ͞ΕͨPublishProcessor ܕͷFlowableΛߪಡ͢ΔͨΊΞϓϦ͕େ͖͘ͳ͖ͬͯͨ৔ ߹ʹૹ৴ॲཧʹෆ҆ • => ը໘͝ͱʹDispatcherΛఆٛ͢Δ
72. “ʰRxJava2Λ࢖ͬͨDispatcher,Storeͷ࣮૷+ը໘͝ͱͷDispatcherʱʹ ͍ͭͯ͸CA͕ఏڙ͢ΔʮFRESH!ʯʹ࣮ͯࡍʹ࢖ΘΕ͍ͯ·͢” 6ষ FluxΞʔΩςΫνϟ
73. ·ͱΊ • σʔλϑϩʔΛ୯Ұํ޲ʹ͢Δ͜ͱ • Store͕ঢ়ଶΛ؅ཧ͢Δ͜ͱͰViewίϯϙʔωϯ τ͔Βঢ়ଶ؅ཧΛ෼཭Ͱ͖Δ • Action, Store, Viewͱؔ৺͕෼཭͞Ε͍ͯΔͷͰ Ͳ͜ʹԿΛॻ͚͹͍͍͔Θ͔Γ΍͍͢ • ΞϓϦͷن໛͕େ͖͘ͳͬͯ΋଱͑͏Δεέʔϥ ϏϦςΟ • StoreʹΑΔঢ়ଶ؅ཧ͕࣮૷ͷ؊ͱͳΓϨϏϡʔ ͷ؍఺͕Θ͔Γ΍͍͢ • ࠷৽ϥΠϒϥϦͱͷ૬ੑ͕͍͍ • ͋ΒΏΔσʔλϑϩʔΛFluxͷϑϩʔʹࡌͤΔͨΊ খن໛ΞϓϦέʔγϣϯʹ͸൥Θ͍͠ • ActivityͷϥΠϑαΠΫϧ΍onActivityResult,Τϥʔͳ ͲͷಛघͳActionͷѻ͍ʹ՝୊͕͋Δ