Introduction to RIBs

Introduction to RIBs

Transcript

1. Introduction to RIBs CA.swift 2019/03/06 Yuji Hato
2. ೾ށ ༐ೋ • Contributed services dekatotoro @dekatotoro yuji.hato
3. Agenda 1. What are RIBs 2. Parts of RIB 3. Communication Between RIBs 4. RIBs Tooling 5. RIBs practice 6. Conclusion
4. 1 What are RIBs
5. What are RIBs RIBs is Uber’s cross-platform architecture framework
6. What are RIBs • େن໛ͳϞόΠϧΞϓϦέʔγϣϯ༻ʹઃܭ͞Ε͍ͯΔ • άϩʔόϧͳঢ়ଶΛ࠷খݶʹ཈͑Δ • ςετ༰қੑ • ੹຿ͱґଘؔ܎͕໌֬ • ΦʔϓϯɾΫϩʔζυͷݪଇ(OCP) • ϏδωεϩδοΫυϦϒϯͷtreeߏ଄ • λΠϓηʔϑ ಛ௃
7. What are RIBs • RIB͸ҎԼͷ಄จࣈ - Router - Interactor - Builder • RIBs͸RIBͷू߹ମ ༝དྷ
8. What are RIBs ߏ଄ • RIB tree - RIBsͰ͸ϏδωεϩδοΫͷ୯ҐͰ෼͚ͨ ʮRIBʯΛҰͭͷմͱͯ͠ѻ͏ - RIBΛtreeߏ଄Ͱߏங͢Δ - UI֊૚ͱ͸Ұக͠ͳͯ͘Α͍ - RIBಉ࢜ʹ͸਌ࢠؔ܎͕͋Γɺґଘؔ܎͸ͦ͜ ʹ͚ͩଘࡏ͢Δ - ґଘؔ܎͕ͳ͍RIB΁͸Өڹ͠ͳ͍
9. 2 Parts of RIB
10. Parts of RIB RIB Overall
11. Parts of RIB RIB Overall • Interactor • Router • Builder • View(Controller) (optional) • Presenter (optional) • Component
12. Parts of RIB Interactor • ϏδωεϩδοΫ Streamͷߪಡɺঢ়ଶͷมߋΛߦ͍ɺ ਌RIB΍View(Controller)΁ॲཧΛҕ ৡ͢Δ
13. Parts of RIB Router • ϧʔςΟϯά RIBs͸਌ࢠؔ܎Λ࣋ͬͨπϦʔߏ଄ʹ ͳ͓ͬͯΓɺRouter͸InteractorΛ؂ ࢹͯ͠ࢠRIBͱͷ઀ଓ/੾அΛߦ͏
14. Parts of RIB Builder • RIBߏ੒ཁૉͷੜ੒ - Router - Interactor - View(Controller) (optional) - ࢠRIB (optional) • DI ֤ཁૉͷґଘੑͷղܾΛߦ͏
15. Parts of RIB View(Controller) • UIͷදࣔ - Viewͷੜ੒΍ϨΠΞ΢τௐ੔ - Interactor͔Βҕৡ͞ΕͨUIߋ৽ - Router͔Βҕৡ͞Εͨը໘ભҠ - RIBͷoptionalཁૉ
16. Parts of RIB Presenter • DataModelͷม׵ - BusinessModel → ViewModel ม׵ - ViewModel → BusinessModel ม׵ - ม׵ॲཧͷTestability - RIBͷoptionalཁૉͰলུ͞Εͨ৔ ߹ɺม׵ॲཧ͸View(Controller)·ͨ ͸Interactor͕୲͏
17. Parts of RIB Component • RIBͷґଘؔ܎Λ؅ཧ - Builderͷิॿ - ࣗ਎ͷґଘੑΛॴ༗ - RIBΛߏங͢ΔͨΊʹඞཁͳ֎෦ґଘ΁ͷΞΫ ηε - ଞͷRIB͔ΒͷΞΫηε੍ޚ • DIྫ ࢠRIBʹґଘΛ౉ͨ͢Ίʹ਌RIBͷComponent ΛࢠRIBͷBuilderʹ஫ೖ͢Δ
18. Parts of RIB Object references in RIB • Router - Interactor - View(Controller) • Interactor - Presenter - View(Controller) - weak Router • View(Controller) - weak Interactor
19. 3 Communication Between RIBs
20. Communication Between RIBs RIB tree downward A RIB B RIB C RIB • ࢠRIBͷBuilder.build()ʹύϥϝʔλͰ౉͢ • ComponentΛ༻͍ͨDIͰRx StreamsΛ౉͢
21. Communication Between RIBs RIB tree upwards A RIB B RIB C RIB • ਌RIBͷInteractor͸ࢠRIBͷListenerΠϯλʔϑΣʔ εΛ࣮૷ • ࢠRIB͕ListenerΛհͯ͠਌RIBͷInteractorͷϏδω εϩδοΫΛ࣮ߦ • ਌RIB͕ࢠRIBͷRx StreamsΛ௚઀subscribe͠ͳ͍ - ϝϞϦϦʔΫΛ๷͙ - ૄ݁߹ɺtestability
22. 4 RIBs Tooling
23. RIBs Tooling RIBs Xcode Templates • RIBΫϥεͷੜ੒ • RIBςετΫϥεͷੜ੒ • Component Extensionͷੜ੒
24. RIBs Tooling RIBΫϥεͷੜ੒ • Builder • Interactor • Router • View(Controller) (optional)
25. RIBs Tooling RIBςετΫϥεͷੜ੒ • InteractorTests • RouterTests
26. RIBs Tooling Component Extensionͷੜ੒ • ࢠRIBʹґଘͨ͠ComponentΛੜ੒ ਌RIB͔ΒࢠRIBʹඞཁͳґଘੑΛ஫ೖͨΊͷ Extension
27. 5 RIBs practice
28. RIBs practice RIBs simple sample https://github.com/dekatotoro/RIBsSample RootRIB SearchRIB DetailRIB
29. 5 Conclusion
30. Conclusion • UIKitʹґଘ͠ͳ͍ϥΠϑαΠΫϧ • ੹຿ͱঢ়ଶͷείʔϓΛ໌֬ʹͰ͖Δ • ϏδωεϩδοΫυϦϒϯͷtreeߏ଄ͰυϝΠϯߏ଄ͷݟ͑Δ ԽͱӨڹൣғ͕೺Ѳ͠΍ͦ͢͏ • େن໛Ͱͳͯ͘΋ಋೖΛݕ౼ͯ͠ྑͦ͞͏
31. Thank you ࢀߟࢿྉ https://github.com/uber/RIBs/wiki https://www.slideshare.net/dhaval2025/ubers-new-mobile-architecture https://www.youtube.com/watch?v=FfwZSk6VRVY https://blog.japantaxi.co.jp/2018/12/09/1991