TikTok reduces code dimension by 58% and improves app efficiency for brand spanking new options with Jetpack Compose

Constructing a path ahead by strategic migration

By strategically adopting Jetpack Compose, TikTok was in a position to keep on high of technical debt, whereas additionally persevering with to concentrate on creating nice experiences for his or her customers. The flexibility of Compose to deal with conditional logic cleanly and streamline composition allowed the staff to obtain as much as a 78% discount in web page loading time on new or absolutely rewritten pages. This enchancment was 20–30% in smaller instances, and 70–80% for full rewrites and new options. Additionally they have been in a position to scale back their code dimension by 58%, when in comparison with the identical characteristic inbuilt Views. The staff has additional shared a few learnings:  

TikTok staff’s general technique was to incrementally migrate particular consumer journeys. This gave them a possibility emigrate, verify measurable advantages, then scale to extra screens. They began with utilizing Compose to simplify the general construction within the QR code characteristic and noticed the enhancements. The staff later expanded the migration to the Login and Signal-up experiences. 

The staff shared some extra learnings:  

Whereas checking efficiency throughout migration, the TikTok staff discovered that utilizing many small ComposeViews to switch parts inside a single ViewHolder, brought on composition overhead. They achieved higher outcomes by increasing the migration to make use of one single ComposeView for your complete ViewHolder.

When migrating a Fragment inside ViewPager, which has customized top logic and conditional logic to cover and present ui based mostly on experiments, the efficiency wasn’t impacted. On this case, migrating the ViewPager to Composable carried out higher than migrating the Fragment. 

Jun Shen actually likes that Compose “reduces the quantity of code required for characteristic improvement, improves testability, and accelerates supply”. The staff plans to steadily improve Compose adoption, making it their most popular framework in the long run. Jetpack Compose proved to be a robust answer for bettering each their developer expertise and manufacturing metrics at scale.

Get Began with Jetpack Compose

Be taught extra about how Jetpack Compose may also help your staff.