Summary

In this chapter, we looked at how we can build user interfaces using Jetpack Compose. We started by creating simple user interface elements, and we looked at how we can make an entire screen using @Composable functions without any XML code.

Then, we analyzed state management and how we can handle user input, and looked at patterns such as state hoisting, in which we keep our functions as stateless as possible to increase reusability. We then looked at how we can define our own user interface elements and apply themes and styles to them, which allows us to change the entire look of an application without modifying the screens that use the changed elements.

Finally, we looked at how we can add Compose to an existing project and how Compose interacts with popular libraries used for app development. In the chapter’s activity, we applied all these concepts and created an application with a consistent user interface definition with multiple screens defined in Compose...