Badoo Alexis Santos

How Badoo Implements Scalable UI in iOS: Better, Faster Performance

Original post Implementing Scalable UI in iOS: Better, Faster Performance

UI Performance Architecture
iOS

Article Summary

Alexis Santos from Bumble reveals how his team transformed iOS UI development from chaotic to scalable. The secret? A custom framework that cut compilation time and eliminated code duplication.

The Bumble iOS team faced a critical problem: no standardized UI development process led to duplicated code, poor designer communication, and risky deployments. Santos details their year-long journey building BadooUIKit and a companion Gallery app to centralize all UI components, plus snapshot testing to prevent regressions.

Key Takeaways

Critical Insight

By isolating UI components into dedicated frameworks with visual documentation and automated testing, Bumble's iOS team solved code duplication, improved designer collaboration, and shipped features faster.

Continue reading

More on UI Performance Introducing AloeStackView for iOS Airbnb Oct 30, 2018 More from Badoo Server-Provided Animations in iOS Apps Badoo Jan 17, 2019 Also on iOS Bring 3D to Life in Flutter with flutter_scene and Flutter GPU Kasikornbank Oct 14, 2026

What This Article Covers

Problem

Badoo's iOS team didn't have clear patterns for building UI, so designers kept recreating the same components. Making changes across the app became risky because updates could break things in unexpected places.

Solution

Alexis Santos' team built Platform_UIKit and BadooUIKit frameworks that kept UI code separate from everything else. This made components actually reusable and cut down how long the project took to compile.

Impact

The snapshot test repository grew to about 11MB of test images. It caught visual regressions automatically while focusing on the devices most users actually had.

The article reveals how their Gallery app became an unexpected bridge between designers and developers, plus the pragmatic testing strategy they chose over exhaustive device coverage.

This page summarizes “Implementing Scalable UI in iOS: Better, Faster Performance” by Badoo, published Sep 4, 2018. All credit for the original work goes to the authors.

Read the original on badootech.badoo.com (opens in new tab)

More on UI Performance

iOS UI Development Best Practices

Valerii Che from Bumble's engineering team reveals why they ditched Storyboards entirely. Their code-first approach handles weekly feature releases without breaking existing functionality.

Bumble Aug 1, 2018

Bridgeless Architecture in React Native Development

The React Native Bridge has been the performance bottleneck we've all learned to work around. Now it's finally going away.

Callstack Feb 12, 2025

Remote Rendering UI Extensibility

Joey Freund from Shopify reveals how they let third-party developers extend their UI without compromising security or performance. The secret? Rendering UI in one place while defining it in another.

Shopify Dec 1, 2021

Android: Leveraging RecyclerView Effectively with ViewModel

Ninad MG from JioHotstar challenged Android best practices and won. His team's unconventional approach to RecyclerView architecture now powers a social feed with 20+ card types across multiple teams.

Hotstar Jul 8, 2020

Keys! What are they good for?

Emily Fortuna from Flutter reveals why most developers use Keys wrong—and when you actually need them. Spoiler: it's not as often as you think.

Flutter Mar 29, 2019

Epoxy: Airbnb's View Architecture on Android

Eli Hart from Airbnb reveals how they eliminated RecyclerView boilerplate while building complex screens with 8+ view types. Their solution handles diffing, animations, and state management automatica

Airbnb Dec 1, 2016
See all 183 UI Performance articles

More from Badoo

Using Gradle Composite Builds as a BuildSrc Replacement

Yury from Bumble Tech tackles a painful Gradle problem: buildSrc invalidates your entire build cache with every change. Here's how composite builds solve it without sacrificing IDE support.

Badoo Jul 30, 2020

MVI Architecture in Kotlin Multiplatform - Part 3

Arkadii Ivanov from Bumble Tech tackles the biggest challenge in Kotlin Multiplatform testing: no mocking frameworks. His solution? Embrace it as a feature, not a bug.

Badoo Jul 28, 2020

WebRTC on Android: Enabling Hardware Encoding Across Devices

Ivan Dyatlov from Bumble Tech discovered that WebRTC's H.264 hardware encoding failed on most Android 5.x devices despite official support claims. His deep dive into codec implementations reveals why

Badoo Jun 16, 2020

Using Hopper to Investigate an iOS Bug

Alexander Nikishin from Bumble's engineering team cracked open iOS 13's binary code with a disassembler to find a bug Apple couldn't fix for 8 months. What he discovered was a single misplaced bit in

Badoo Jun 11, 2020

MVI Architecture in Kotlin Multiplatform - Part 2

Arkadii Ivanov from Bumble shows how to bridge Kotlin Multiplatform MVI architecture with native iOS and Android UI. The iOS integration reveals surprising complexity that most KMP tutorials skip.

Badoo Jun 9, 2020

Server-Provided Animations in iOS Apps

Valerii Che from Bumble solved a problem every mobile team faces: how do you ship new animations without waiting days for App Store approval? His solution decouples design updates from release cycles

Badoo Jan 17, 2019
All 33 Badoo articles

AI tools for iOS

App Store Connect CLI (asc) A command-line tool for managing App Store Connect — TestFlight, builds, certificates, and metadata without a browser. App Store Rejections MCP An MCP server that gives AI agents access to App Store rejection data, real-world cases, and Apple's Review Guidelines. Claude Swift Engineering A Claude Code plugin with 12 specialized agents and 18 knowledge skills for Swift 6.2, TCA, and SwiftUI development.
Browse all AI tools →