Crístian Viana

Migration to declarative UI in Android development

Ditch RecyclerView boilerplate forever. See how declarative UI simplifies building dynamic lists and animations in your Android app.

Migration to declarative UI in Android development
#1about 3 minutes

Understanding the shift from imperative to declarative UI

Imperative UI requires manually describing every state change, whereas declarative UI describes the desired end state and lets the framework handle the transitions.

#2about 2 minutes

Getting started with Jetpack Compose for Android

Jetpack Compose is Google's modern, declarative UI toolkit for Android that is bundled with your app, ensuring compatibility with older Android versions.

#3about 6 minutes

Building UIs with basic layouts and components

Combine fundamental layouts like Column, Row, and Box to build complex UIs, and create reusable custom components by simply defining new functions.

#4about 6 minutes

How Compose works with lifecycle, phases, and state

The UI updates through a lifecycle of composition and recomposition, driven by changes to State objects across three phases: composition, layout, and drawing.

#5about 2 minutes

Implementing animations for a more dynamic UI

Easily add basic animations like fades with AnimatedVisibility or animate any property, such as rotation or color, by using state animation functions.

#6about 3 minutes

Leveraging development tools in Android Studio

Accelerate UI development using tools like live previews with the @Preview annotation, animation debugging, and the Layout Inspector for real-time inspection.

#7about 6 minutes

Migrating an existing Android app to Compose

Adopt Jetpack Compose incrementally by starting with a simple screen, leveraging existing architecture like ViewModels, and using interoperability APIs when needed.

#8about 3 minutes

Overcoming challenges and realizing the benefits of Compose

While there is a learning curve and some missing components, migrating to Compose results in faster development, easier animations, and more maintainable custom UIs.

Related jobs
Jobs that call for the skills explored in this talk.

Angular Developer

Picnic Technologies B.V.
Amsterdam, Netherlands

Intermediate
Senior

Featured Partners

Related Videos

Mobile at a Crossroads: The Declarative UI App Revolution44:09

Mobile at a Crossroads: The Declarative UI App Revolution

Peter Steinberger

Bridging the Gap06:16

Bridging the Gap

Philipp Kremer

Unlocking Seamless Collaboration: Design-First APIs for UI Components28:35

Unlocking Seamless Collaboration: Design-First APIs for UI Components

Lucien Immink

Bridging the gap between design and development29:53

Bridging the gap between design and development

Jade Jiang, Noga Mann

UX is a fullstack job!27:01

UX is a fullstack job!

Marcel Bagemihl, Miriam Becker

What’s New and What’s Next in Web UI22:46

What’s New and What’s Next in Web UI

Cleyra Uzcategui

Compose the Future: Building Agentic Applications, Made Simple with Docker50:09

Compose the Future: Building Agentic Applications, Made Simple with Docker

Mark Cavage, Tushar Jain, Jim Clark, Yunong Xiao

View-Transition-API: Gamechanger for hybrid app-development24:17

View-Transition-API: Gamechanger for hybrid app-development

Sascha Lehmann

From learning to earning

Jobs that call for the skills explored in this talk.