Foundation over features

How investing in our own component framework has helped us build Norway’s largest mobile bank.

Transcript

1. Foundation over features How investing in our own component framework has helped us build Norway’s largest mobile bank.
3. Building a new mobile bank
4. For 4 months the app was completely blank Investing time to build a foundation
5. Theming Backend simulator Global model store Coordinators Deep linking Design system Skeleton views HTTP Client Repository Authentication library NSOperations abstractions Component framework
7. We needed a shared foundation
8. One big UICollectionView Account list component Table component
13. The missing piece: Layouts
17. Composable collection view layout
18. • Each component has its own layout • Custom collection view layout takes each component layout and converts it into one big UICollectionViewLayout. Composable collection view layout
22. Benefits • Reusable components allows us to share functionality throughout the app • Ability to compose bigger screens out of smaller components • Declarative layout system • Data-driven UIs are easy to unit-test • Animations are handled automatically • Allows us to transition to SwiftUI
23. Transitioning to SwiftUI
29. Automatically dequeue cells based on layouts
31. Take-aways
32. • Investing time in building a good foundation can really pay off in the long term • Owning the abstraction gives you a lot of freedom • Use frameworks for the hard problems