Introduction to RIBs

Transcript

1. 1.

   Introduction to RIBs CA.swift 2019/03/06 Yuji Hato

2. 2.

   ೾ށ ༐ೋ • Contributed services dekatotoro @dekatotoro yuji.hato

3. 3.

   Agenda 1. What are RIBs 2. Parts of RIB 3.

   Communication Between RIBs 4. RIBs Tooling 5. RIBs practice 6. Conclusion
4. 4.

   1 What are RIBs

5. 5.

   What are RIBs RIBs is Uber’s cross-platform architecture framework

6. 6.

   What are RIBs • େن໛ͳϞόΠϧΞϓϦέʔγϣϯ༻ʹઃܭ͞Ε͍ͯΔ • άϩʔόϧͳঢ়ଶΛ࠷খݶʹ཈͑Δ • ςετ༰қੑ •

   ੹຿ͱґଘؔ܎͕໌֬ • ΦʔϓϯɾΫϩʔζυͷݪଇ(OCP) • ϏδωεϩδοΫυϦϒϯͷtreeߏ଄ • λΠϓηʔϑ ಛ௃
7. 7.

   What are RIBs • RIB͸ҎԼͷ಄จࣈ - Router - Interactor -

   Builder • RIBs͸RIBͷू߹ମ ༝དྷ
8. 8.

   What are RIBs ߏ଄ • RIB tree - RIBsͰ͸ϏδωεϩδοΫͷ୯ҐͰ෼͚ͨ ʮRIBʯΛҰͭͷմͱͯ͠ѻ͏

   - RIBΛtreeߏ଄Ͱߏங͢Δ - UI֊૚ͱ͸Ұக͠ͳͯ͘Α͍ - RIBಉ࢜ʹ͸਌ࢠؔ܎͕͋Γɺґଘؔ܎͸ͦ͜ ʹ͚ͩଘࡏ͢Δ - ґଘؔ܎͕ͳ͍RIB΁͸Өڹ͠ͳ͍
9. 9.

   2 Parts of RIB

10. 10.

    Parts of RIB RIB Overall

11. 11.

    Parts of RIB RIB Overall • Interactor • Router •

    Builder • View(Controller) (optional) • Presenter (optional) • Component
12. 12.

    Parts of RIB Interactor • ϏδωεϩδοΫ Streamͷߪಡɺঢ়ଶͷมߋΛߦ͍ɺ ਌RIB΍View(Controller)΁ॲཧΛҕ ৡ͢Δ

13. 13.

    Parts of RIB Router • ϧʔςΟϯά RIBs͸਌ࢠؔ܎Λ࣋ͬͨπϦʔߏ଄ʹ ͳ͓ͬͯΓɺRouter͸InteractorΛ؂ ࢹͯ͠ࢠRIBͱͷ઀ଓ/੾அΛߦ͏

14. 14.

    Parts of RIB Builder • RIBߏ੒ཁૉͷੜ੒ - Router - Interactor

    - View(Controller) (optional) - ࢠRIB (optional) • DI ֤ཁૉͷґଘੑͷղܾΛߦ͏
15. 15.

    Parts of RIB View(Controller) • UIͷදࣔ - Viewͷੜ੒΍ϨΠΞ΢τௐ੔ - Interactor͔Βҕৡ͞ΕͨUIߋ৽

    - Router͔Βҕৡ͞Εͨը໘ભҠ - RIBͷoptionalཁૉ
16. 16.

    Parts of RIB Presenter • DataModelͷม׵ - BusinessModel → ViewModel

    ม׵ - ViewModel → BusinessModel ม׵ - ม׵ॲཧͷTestability - RIBͷoptionalཁૉͰলུ͞Εͨ৔ ߹ɺม׵ॲཧ͸View(Controller)·ͨ ͸Interactor͕୲͏
17. 17.

    Parts of RIB Component • RIBͷґଘؔ܎Λ؅ཧ - Builderͷิॿ - ࣗ਎ͷґଘੑΛॴ༗

    - RIBΛߏங͢ΔͨΊʹඞཁͳ֎෦ґଘ΁ͷΞΫ ηε - ଞͷRIB͔ΒͷΞΫηε੍ޚ • DIྫ ࢠRIBʹґଘΛ౉ͨ͢Ίʹ਌RIBͷComponent ΛࢠRIBͷBuilderʹ஫ೖ͢Δ
18. 18.

    Parts of RIB Object references in RIB • Router -

    Interactor - View(Controller) • Interactor - Presenter - View(Controller) - weak Router • View(Controller) - weak Interactor
19. 19.

    3 Communication Between RIBs

20. 20.

    Communication Between RIBs RIB tree downward A RIB B RIB

    C RIB • ࢠRIBͷBuilder.build()ʹύϥϝʔλͰ౉͢ • ComponentΛ༻͍ͨDIͰRx StreamsΛ౉͢
21. 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. 22.

    4 RIBs Tooling

23. 23.

    RIBs Tooling RIBs Xcode Templates • RIBΫϥεͷੜ੒ • RIBςετΫϥεͷੜ੒ •

    Component Extensionͷੜ੒
24. 24.

    RIBs Tooling RIBΫϥεͷੜ੒ • Builder • Interactor • Router •

    View(Controller) (optional)
25. 25.

    RIBs Tooling RIBςετΫϥεͷੜ੒ • InteractorTests • RouterTests

26. 26.

    RIBs Tooling Component Extensionͷੜ੒ • ࢠRIBʹґଘͨ͠ComponentΛੜ੒ ਌RIB͔ΒࢠRIBʹඞཁͳґଘੑΛ஫ೖͨΊͷ Extension

27. 27.

    5 RIBs practice

28. 28.

    RIBs practice RIBs simple sample https://github.com/dekatotoro/RIBsSample RootRIB SearchRIB DetailRIB

29. 29.

    5 Conclusion

30. 30.

    Conclusion • UIKitʹґଘ͠ͳ͍ϥΠϑαΠΫϧ • ੹຿ͱঢ়ଶͷείʔϓΛ໌֬ʹͰ͖Δ • ϏδωεϩδοΫυϦϒϯͷtreeߏ଄ͰυϝΠϯߏ଄ͷݟ͑Δ ԽͱӨڹൣғ͕೺Ѳ͠΍ͦ͢͏ • େن໛Ͱͳͯ͘΋ಋೖΛݕ౼ͯ͠ྑͦ͞͏

31. 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