Max applied UI modifications 30% quicker utilizing Jetpack Compose

Posted by Tomáš Mlynarič, Developer Relations Engineer

Max®, which launched within the US on Might 23, 2023, is an enhanced streaming platform from Warner Bros. Discovery, delivering unparalleled high quality content material for everybody within the family. Max builders need to present one of the best UX potential, and so they’re at all times looking for new methods to do this. That’s why Max builders constructed the app utilizing Jetpack Compose, Android’s fashionable declarative toolkit for creating native UI. Constructing Max’s UI with Compose set the app up for long-term success, enabling builders to construct new experiences in a quicker and simpler approach.

Compose streamlines growth

Max is the newest app from Warner Bros. Discovery and builds on the corporate’s prior learnings from HBO Max and discovery+. When Max growth started in late 2022, builders had already used Compose to construct the content material discovery characteristic on discovery+—certainly one of its core UI options.

“It was pure to proceed our adoption of Compose to the Max platform,” mentioned Boris D’Amato, Sr. Employees Software program Engineer at Max.

Given the staff’s earlier expertise utilizing Compose on discovery+, they knew it might streamline growth and enhance the app’s maintainability. Ultimately, constructing Max with Compose diminished the app’s boilerplate code, elevated the re-usability of its UI components, and boosted developer productiveness total.

“Compose considerably diminished the time required to implement UI modifications, fixing the ache level of sustaining a big, complicated UI codebase and making it simpler to iterate on the app’s design and consumer expertise,” mentioned Boris.

Right now, Max’s UI is constructed nearly solely with Compose, and builders estimate that adopting Compose allowed them to implement UI modifications 30% quicker than with Views. Due to the toolkit’s modular nature, builders might construct extremely reusable elements and adapt or mix them to type new UI components, making a extra cohesive app design.

Extra enhancements with Compose

Right now, Compose is so integral to Max’s design that the app’s whole UI structure is designed particularly to help Compose. For instance, builders constructed a system to dynamically render server-driven, editorially curated content material and user-personalized suggestions with out having to ship a brand new model of the app. To help this method, builders relied on one of the best practices when architecting Compose apps, leveraging Compose’s sensible recompositioning and skipability for the smoothest expertise potential.

Very like the invention+ platform, Compose can also be used for Max’s content material discovery characteristic. This characteristic helps Max serve tailor-made content material to every consumer based mostly on how they use the app. Due to Compose, it was straightforward for builders to make sure this characteristic labored as meant as a result of it allowed them to check every half in manageable segments.

“One of many options most impacted by utilizing Compose was our content material discovery system. Compose enabled us to create a extremely dynamic and interactive interface that adapts in real-time to consumer context and preferences,” mentioned Boris.

Adapting to customers’ distinctive wants is another excuse Compose has impressed Max builders. Compose makes it straightforward to help the numerous completely different screens and type components obtainable available on the market as we speak. With the Window measurement courses API, Max can scale its UI in actual time to accommodate display measurement and form variations for tablets and foldables.

The long run with Compose

Since adopting Compose, the Max staff has seen elevated curiosity from potential job candidates enthusiastic about working with the newest Android applied sciences.

“At any time when we point out that Max is constructed utilizing Compose, the thrill within the candidates is palpable. It signifies that we’re investing in holding our tech stack up to date and our concentrate on the developer expertise,” mentioned Boris.

Wanting forward, the Max staff plans to lean additional into its Compose codebase and make much more use of the toolkit’s options, like animation APIs, predictive gestures, and widgets.

“I completely advocate Jetpack Compose. Compose’s declarative strategy to UI growth permits for a extra intuitive and environment friendly design course of, making implementing complicated UIs and animations straightforward. When you attempt Compose, there’s no going again,” mentioned Boris.

Get began

Optimize your UI growth with Jetpack Compose.