Adopting Jetpack Compose for E... Note

Adopting Jetpack Compose for Etsy's Android App

Etsy's Guiding Principle of "committing to our craft" led to the adoption of Jetpack Compose, a modern toolkit for defining native UIs, as the preferred means of building their Android app. A structured approach was taken to study and implement Compose, with engineers creating a curriculum and holding information sessions to teach the team. The Design Systems team created Compose versions of internal UI toolkit components, ensuring a complete implementation of the design system before major adoption. Compose's interoperability with existing toolkit components allowed for a smooth migration path. The team rebuilt an entire screen using Compose, exposing them to a wider scope of concerns such as navigation and data fetching. After a successful rewrite, Compose was rolled out to real users, starting with complex bottom sheets. The Shop screen was then rebuilt using Compose, resulting in a 5% improvement in initial screen rendering time and improved user interactions. The adoption of Compose also improved developer satisfaction, with engineers reporting fewer lines of code and easier testing. The combination of Compose and the Macramé architecture has become the standard way to build features for the app. Overall, Etsy's adoption of Compose has unlocked opportunities and efficiencies for their teams, despite some learning curve and bumps along the way.
CdXz5zHNQW_mxNDOlthCn.jpeg