Jetpack Compose is a modern UI toolkit for Android that uses a declarative and reactive programming model built with Kotlin. It aims to simplify UI development by allowing developers to describe how the UI should look rather than how to construct it. Composable functions are annotated and can only call other composable functions to build UI components in a declarative way. State and navigation can be managed declaratively in Compose as well through state management and backstacking capabilities.

1. Android Studio
Basics of Jetpack Compose

2. ● Jetpack Compose is a modern UI toolkit that is designed to
simplify UI development in Android. It consists of a reactive
programming model with conciseness and ease of Kotlin
programming language.
What is Jetpack Compose?
● Some Companies using it

3. ● Declarative
● Compatible
● Increase development speed
● Concise and Idiomatic Kotlin
● Easy to maintain
● Written in Kotlin
Benefits of using jetpack Compose

4. Imperative UI

5. Declarative UI

6. Define your app's UI programmatically by describing how it should
look and providing data dependencies, rather than focusing on the
process of the UI's construction
Composable Functions

7. ● To make a function composable, add the @Composable annotation.
● Composable functions can only be called from within another
Composable function.
● Composable function never return anything
● They can take parameters similarly like other functions.
Composable functions

8. Types of Composable :
Columns :

9. Rows :

10. Box:

11. Scaffold:

12. Theme directory

13. Consists of :
● Color.kt ( stores color values)
● Type.kt (stores typography attributes)
● Theme.kt (defines app theme attributes)
● Shape.kt (store shape attributes for objects in the
app)

14. State in Compose
● In an app , state is any value that changes over
time.
● The state can be updated in response to events
or user interactions, and the updated state is
used to redraw the UI.

18. Navigation in Compose
Practising navigation for the first time be like….

19. Stacking and Backstacking

20. Animation in Compose :

21. https://developer.android.com/jetpack/compose/animation