Generating multi-brand multi-platform icons with Sketch and a Node.js script

TL;DR Using a custom build script in Node JS, it is possible to manipulate a series of Sketch files, and then, using an internal Sketch tool, automatically export their assets, to generate multiple icon libraries, for multiple platforms and different brands, that support dynamic colourisation of the assets via design tokens…

Guide to mobile app autotesting tools

… for though it has many omissions and contains much that is apocryphal, or at least wildly inaccurate, it scores over the older, more pedestrian work in two important respects. First, it’s slightly cheaper; and secondly it has the words DON’T PANIC printed in large friendly letters on its cover. —…

Mutation Testing in PHP: quality measurement for code coverage

How do you evaluate how good your tests are? Many people rely on the most popular score, the one everyone knows — code coverage. But this is a quantitative, rather than a qualitative metric. It shows how much of your code is covered by the tests, but not how well…

Informal relationships

Many years ago I joined a company as a developer and soon witnessed something odd. Another department’s teamlead called up one of his subordinates in the middle of the day and told him: ‘Here, come and get this money and go to a store and grab me some drinks and…

Data classes in Kotlin: how do they impact an application size

Kotlin has numerous excellent features: null safety, smart casts, string interpolation and more. However, one of its features developers love the most, I have observed, are data classes. They are so well-loved that they are often used where no data class functionality is required. In this article, with the help…

How to move large-scale React UI-components codebase to TypeScript

Hi, my name is Ivan Grekov and I am a frontend developer at Bumble — the parent company operating Badoo and Bumble apps Our frontend team’s main responsibilities are to deliver new user interfaces and support existing ones across our different applications, mostly within Badoo and Bumble websites. At a…

Reactive selfies with Camera2 API on Android — Part 2

This is part two of an article, where I show how you can use RxJava2 to build logic on top of asynchronous API. I chose Android Camera2 API as an example (and didn’t regret it!). This API is not only asynchronous, but also has hidden distinctive implementation features which are…

Covering A/B tests with UI tests:

How to avoid getting tangled up in your own code Hi there! My name is Vitaliy Kotov and I spend most of my time working on automated testing issues at Badoo. In this article, I tell you all about how we have organised the UI testing work with our numerous A/B tests, the problems we have had to deal with…

WebRTC on Android: how to enable hardware encoding on multiple devices

For video calls on Badoo and Bumble apps, we use WebRTC with H.264 codec. Relying on relevant documentation, you would think that this codec should work seamlessly on any Android device, starting with Android 5.0. However, in practice, it didn’t go exactly this way. This article covers implementation features of…

Optical alignment for frontend developers:

How to align elements in user interfaces. Hi, my name is Ivan Grekov and I work in the front-end team at Badoo. My primary responsibilities entail looking after the user interfaces for a variety of projects. More specifically, this involves working with optical alignment of user interfaces. In this article, I’d like to share with you why…

Overview of KotlinConf 2019

I’ve been developing with Kotlin for the past two years, and when I was asked if I’d like to attend KotlinConf 2019 with some of my colleagues, my answer was a great, big Y-E-S! Having the chance to attend what is one of the best conferences for mobile devs, I…

From zero to Cosmos — Part #3

This is the story of how a small style guide that was first introduced under the radar, became so appreciated by both developers and designers that it finally became a complex unification project — a design system called Cosmos. From zero to Cosmos — Part #1 From zero to Cosmos —…

Singleton, Service Locator and tests in iOS

In this article, I want to review the usage of Singleton and Service Locator patterns in iOS and the reasons why they are often called anti-patterns. We’ll learn when and how to use them, while keeping our code testable. Singleton Singleton is a class which has only one instance existing at…

Modularising an iOS app

At Bumble — the parent company operating Badoo and Bumble apps — the iOS development team have been involved in creating modules for several years now. A large part of the new code is also being developed outside the apps’ code base. As a result of this work, we now…

Implementing UI in iOS: Better, faster, and it scales!

A few months ago I came across a very interesting documentary series on Netflix called Abstract, they basically explore the output of professional designers from different sectors like architecture, graphic design, fashion, … in their workplaces. It was easy to spot some similarities in the work of designers from…

High-Precision Time: how to use fractional seconds in MySQL and PHP

Once I caught myself thinking about time in databases and realised that I nearly always used time with one-second precision just because it was a common way to it, as well as because that was exactly what was written in manuals in lots of examples. Today, however, this level of…

PHP code static analysis based on the example of PHPStan, Phan and Psalm

As a company Badoo has been around for over 12 years now. We have a lot of PHP code (millions of lines of code) and there are probably still strings of code that we use which were written all 12 years ago. Some of them were written back in the…

Run, config, run: How we speed up config deploy

Configuration files (configs) are an integral part of most applications, but practice shows that they are far from being the most popular topic of discussion. Conversations about configs are mostly limited to discussing working with them directly in the code: how to structure them, whether or not using environmental variables…

Swipe right on Motion Layout

How to get into the swiping game with the beta version of Motion Layout Google I/O 2019 finished recently and we got our updates on the latest improvement of our favorite SDK. What particularly piqued my interest was the presentation by Nicolas Roard and John Hoford on upcoming functionalities of Constraint Layout, and more precisely, its offspring, MotionLayout. By announcing the release of the…

Swift Package Manager builds iOS frameworks (Updated. Xcode 10.2 Beta)

(Updated. Xcode 10.2 Beta) Swift Package Manager doesn’t work with iOS. That’s probably all you can say about the current state of SPM, but insomnia forced me to expand on the issue and compile the following essay. TL;DR Yes, you can build iOS frameworks with Swift Package Manager; Yes, you can adjust settings via .xcconfig…

Crowdtesting

source: pinterest.co.uk It’s been a while since I first heard about crowdsourced testing platforms. It was a time when I had just started to be interested in QA, and when I was browsing Google one day, I found a forum, where a link to the site uTest.com was posted. After a brief…

A Custom LayoutManager Case: Bumble Beeline

Task

The Immense Benefits Of Not Thinking In Screens

DroidconUK 2019 Lightning Talk Abstract of the talk: Maintaining a large project and not going insane — in practice: – Causes of everyday development pain, frustration and slowdown less frequently talked about – Breaking down the complexity of screens instead of a classical layering approach – Keeping code easy-to-understand…

Swift 4.1 introduction of compactMap

In functional programming, we have a clear definition for what a flatMap function is supposed to be. The flatMap method takes a list and a transformative function (which expects zero or more values for each transformation), applies the transformative function to each member of the provided list, and produces a…

PHP Xdebug proxy: when Xdebug’s standard capabilities are insufficient

Xdebug is often used for debugging PHP programs. However, IDE and Xdebug’s standard capabilities are not always sufficient. Some, but not all, problems can be resolved using the Xdebug proxy, pydbgpproxy. This is why I have created a PHP Xdebug proxy based on the asynchronous framework, amphp. In this article…