Jetpack Compose is a modern toolkit for building native Android user interfaces that simplifies and accelerates development with less code. It uses composable functions to define the UI programmatically based on data dependencies rather than focusing on the construction process. Jetpack Compose provides Material Design elements out of the box and uses a hierarchical layout system to compose functions within other functions to build the UI. It also supports features like lists, grids, animations and modifiers to customize the UI.

1. GDSC AND CODECHEF
Presented by: Saloni Gupta and Samiksha
Agrawal
JETPACK
COMPOSE

2. INTRODUCTION
COMPOSABLE
FUNCTIONS
MATERIAL
DESIGN
LAYOUTS
LISTS AND
ANIMATIONS
JETPACK COMPOSE IS A MODERN TOOLKIT FOR BUILDING NATIVE ANDROID UI. JETPACK COMPOSE SIMPLIFIES AND ACCELERATES UI
DEVELOPMENT ON ANDROID WITH LESS CODE, POWERFUL TOOLS, AND INTUITIVE KOTLIN APIS.

3. COMPOSABLE
FUNCTIONS
Jetpack Compose is built around
composable functions.
These functions let you 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
(initializing an element, attaching it to a
parent, etc.).

4. MATERIAL DESIGN
Jetpack Compose provides an
implementation of Material Design
and its UI elements out of the box

7. LAYOUTS
UI elements are hierarchical, with elements contained
in other elements
In Compose, you build a UI hierarchy by calling
composable functions from other composable
functions.
Goals of Layouts in Compose:
High performance
Ability to easily write custom layouts
The Jetpack Compose implementation of the layout system
has two main goals:

8. Output Output
Column

9. Output
Output
Row Box

10. Modifiers

11. LISTS AND ANIMATIONS
Lazy Lists
Lazy Column
Lazy ColumnRow
Lazy grids
LazyVerticalGrid
LazyHorizontalGrid
Content padding
Content spacing

12. Lazy Lists and grids

13. Animation

14. THANK YOU