{"id":232839,"date":"2024-06-15T23:21:51","date_gmt":"2024-06-15T23:21:51","guid":{"rendered":"https:\/\/michigandigitalnews.com\/index.php\/2024\/06\/15\/max-implemented-ui-changes-30-faster-using-jetpack-compose\/"},"modified":"2025-06-25T17:16:58","modified_gmt":"2025-06-25T17:16:58","slug":"max-implemented-ui-changes-30-faster-using-jetpack-compose","status":"publish","type":"post","link":"https:\/\/michigandigitalnews.com\/index.php\/2024\/06\/15\/max-implemented-ui-changes-30-faster-using-jetpack-compose\/","title":{"rendered":"Max implemented UI changes 30% faster using Jetpack Compose"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div>\n<meta content=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEjgEL_e22n7YUrajorTsBzZq1ConxcD5G-v4VcCWMPPtfzTnkLMQG_jYhGcJCEYQn37RDJs2vhfzXibA7SUBK_Shyphenhyphen7pnUpy05hguCyfC1giwnNDT-5r8phc7kTrduv5R9hzUOygtW1iShw4SnBZd9i3DtuZIlAjmEijiOEyGk0Cev8WtEQUOSSkQfDz1L0\/s1600\/image3.gif\" name=\"twitter:image\"\/><br \/>\n<img decoding=\"async\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEjgEL_e22n7YUrajorTsBzZq1ConxcD5G-v4VcCWMPPtfzTnkLMQG_jYhGcJCEYQn37RDJs2vhfzXibA7SUBK_Shyphenhyphen7pnUpy05hguCyfC1giwnNDT-5r8phc7kTrduv5R9hzUOygtW1iShw4SnBZd9i3DtuZIlAjmEijiOEyGk0Cev8WtEQUOSSkQfDz1L0\/s1600\/image3.gif\" style=\"display: none;\"\/><\/p>\n<p><em>Posted by Tom\u00e1\u0161 Mlynari\u010d, Developer Relations Engineer<\/em><\/p>\n<p><a href=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEjgEL_e22n7YUrajorTsBzZq1ConxcD5G-v4VcCWMPPtfzTnkLMQG_jYhGcJCEYQn37RDJs2vhfzXibA7SUBK_Shyphenhyphen7pnUpy05hguCyfC1giwnNDT-5r8phc7kTrduv5R9hzUOygtW1iShw4SnBZd9i3DtuZIlAjmEijiOEyGk0Cev8WtEQUOSSkQfDz1L0\/s1600\/image3.gif\"><img decoding=\"async\" border=\"0\" data-original-height=\"800\" data-original-width=\"100%\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEjgEL_e22n7YUrajorTsBzZq1ConxcD5G-v4VcCWMPPtfzTnkLMQG_jYhGcJCEYQn37RDJs2vhfzXibA7SUBK_Shyphenhyphen7pnUpy05hguCyfC1giwnNDT-5r8phc7kTrduv5R9hzUOygtW1iShw4SnBZd9i3DtuZIlAjmEijiOEyGk0Cev8WtEQUOSSkQfDz1L0\/s1600\/image3.gif\"\/><\/a><\/p>\n<p><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.wbd.stream\" target=\"_blank\" rel=\"noopener\">Max\u00ae<\/a>, which launched in the US on May 23, 2023, is an enhanced streaming platform from Warner Bros. Discovery, delivering unparalleled quality content for everyone in the household. Max developers want to provide the best UX possible, and they\u2019re always searching for new ways to do that. That\u2019s why Max developers built the app using <a href=\"https:\/\/developer.android.com\/jetpack\/compose\" target=\"_blank\" rel=\"noopener\">Jetpack Compose<\/a>, Android\u2019s modern declarative toolkit for creating native UI. Building Max\u2019s UI with Compose set the app up for long-term success, enabling developers to build new experiences in a faster and easier way.<\/p>\n<h3>Compose streamlines development<\/h3>\n<p>Max is the latest app from Warner Bros. Discovery and builds on the company\u2019s prior learnings from HBO Max and discovery+. When Max development began in late 2022, developers had already used Compose to build the content discovery feature on discovery+\u2014one of its core UI features.<\/p>\n<p>\u201cIt was natural to continue our adoption of Compose to the Max platform,\u201d said Boris D\u2019Amato, Sr. Staff Software Engineer at Max.<\/p>\n<p>Given the team\u2019s previous experience using Compose on discovery+, they knew it would streamline development and improve the app\u2019s maintainability. In the end, building Max with Compose reduced the app\u2019s boilerplate code, increased the re-usability of its UI elements, and boosted developer productivity overall.<\/p>\n<p>\u201cCompose significantly reduced the time required to implement UI changes, solving the pain point of maintaining a large, complex UI codebase and making it easier to iterate on the app&#8217;s design and user experience,\u201d said Boris.<\/p>\n<p>Today, Max\u2019s UI is built almost entirely with Compose, and developers estimate that adopting Compose allowed them to implement UI changes 30% faster than with Views. Thanks to the toolkit\u2019s modular nature, developers could build highly reusable components and adapt or combine them to form new UI elements, creating a more cohesive app design.<\/p>\n<p><image><\/p>\n<div style=\"text-align: center;\"><img decoding=\"async\" alt=\"Compose significantly reduced the time required to implement UI changes, solving the pain point of maintaining a large, complex UI codebase and making it easier to iterate on the app's design and user experience,\u201d \u2014 Boris D\u2019Amato, Sr. Staff Software Engineer at Max\" border=\"0\" id=\"imgCaption\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEjsZy4_QKuB7IDY5liqnnIEuvgcoed2r9rlPvnYKMLO2SW06VkiokaXbxCJYIh2nBdQA4mbhukzhVaqUkA4WPhowc74qDHDjdBab4MdisnVV82mPVTbzlR7hg9FJwBHRVHKEsq7B0Uip769kY5_EmVd3LwfjKpW6cQVpwG99mvcvLxTjzAvB70hJVfjw0Q\/s1600\/image1.png\" width=\"100%\"\/><\/div>\n<p><\/image><\/p>\n<h3>More improvements with Compose<\/h3>\n<p>Today, Compose is so integral to Max&#8217;s design that the app&#8217;s entire UI architecture is designed specifically to support Compose. For example, developers built a system to dynamically render server-driven, editorially curated content and user-personalized recommendations without having to ship a new version of the app. To support this system, developers relied on the best practices when architecting Compose apps, leveraging Compose&#8217;s smart recompositioning and skipability for the smoothest experience possible.<\/p>\n<p>Much like the discovery+ platform, Compose is also used for Max\u2019s content discovery feature. This feature helps Max serve tailored content to each user based on how they use the app. Thanks to Compose, it was easy for developers to ensure this feature worked as intended because it allowed them to test each part in manageable segments.<\/p>\n<p>\u201cOne of the features most impacted by using Compose was our content discovery system. Compose enabled us to create a highly dynamic and interactive interface that adapts in real-time to user context and preferences,\u201d said Boris.<\/p>\n<p>Adapting to users\u2019 unique needs is another reason Compose has impressed Max developers. Compose makes it easy to support the many different screens and form factors available on the market today. With the <a href=\"https:\/\/developer.android.com\/guide\/topics\/large-screens\/support-different-screen-sizes#window_size_classes\" target=\"_blank\" rel=\"noopener\">Window size classes API<\/a>, Max can scale its UI in real time to accommodate screen size and shape variations for tablets and foldables.<\/p>\n<p><image><\/p>\n<div style=\"text-align: center;\"><img decoding=\"async\" alt=\"Examples of UX on large and small screens\" border=\"0\" id=\"imgCaption\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEjxOhmmn3yUqlE8eqb4sLwLpQ8AcgbwHn32SqhosbZsWUMlJxWaHmYrPscWoZRsMbAaU0ng9xOMcIESuPMtphX1ixoSThUQdQFbWtyGT-rhThNd0yFim5XZu1iwCUrGtVfXpb67WhAlioSNCDyMN0-SSddeCUoxlf9A9eckM2HVoC46LSDpdHBsdd-U5Ss\/s1600\/image2.gif\" width=\"100%\"\/><\/div>\n<p><\/image><\/p>\n<h3>The future with Compose<\/h3>\n<p>Since adopting Compose, the Max team has noticed increased interest from prospective job candidates excited about working with the latest Android technologies.<\/p>\n<p>\u201cWhenever we mention that Max is built using Compose, the excitement in the candidates is palpable. It indicates that we\u2019re investing in keeping our tech stack updated and our focus on the developer experience,\u201d said Boris.<\/p>\n<p>Looking ahead, the Max team plans to lean further into its Compose codebase and make even more use of the toolkit\u2019s features, like animation APIs, predictive gestures, and widgets.<\/p>\n<p>\u201cI absolutely recommend Jetpack Compose. Compose&#8217;s declarative approach to UI development allows for a more intuitive and efficient design process, making implementing complex UIs and animations easy. Once you try Compose, there\u2019s no going back,\u201d said Boris.<\/p>\n<h3>Get started<\/h3>\n<p>Optimize your UI development with <a href=\"https:\/\/developer.android.com\/jetpack\/compose\" target=\"_blank\" rel=\"noopener\">Jetpack Compose<\/a>.<\/p>\n<\/div>\n<p>[ad_2]<br \/>\n<br \/><a href=\"http:\/\/android-developers.googleblog.com\/2024\/06\/max-implemented-ui-changes-faster-using-jetpack-compose.html\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] Posted by Tom\u00e1\u0161 Mlynari\u010d, Developer Relations Engineer Max\u00ae, which launched in the US on May 23, 2023, is an enhanced streaming platform from Warner<\/p>\n","protected":false},"author":1,"featured_media":232840,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[146],"tags":[],"_links":{"self":[{"href":"https:\/\/michigandigitalnews.com\/index.php\/wp-json\/wp\/v2\/posts\/232839"}],"collection":[{"href":"https:\/\/michigandigitalnews.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/michigandigitalnews.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/michigandigitalnews.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/michigandigitalnews.com\/index.php\/wp-json\/wp\/v2\/comments?post=232839"}],"version-history":[{"count":0,"href":"https:\/\/michigandigitalnews.com\/index.php\/wp-json\/wp\/v2\/posts\/232839\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/michigandigitalnews.com\/index.php\/wp-json\/wp\/v2\/media\/232840"}],"wp:attachment":[{"href":"https:\/\/michigandigitalnews.com\/index.php\/wp-json\/wp\/v2\/media?parent=232839"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/michigandigitalnews.com\/index.php\/wp-json\/wp\/v2\/categories?post=232839"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/michigandigitalnews.com\/index.php\/wp-json\/wp\/v2\/tags?post=232839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}