# Keep your Tabs and List in sync using Jetpack Compose

DevFeed: [Keep your Tabs and List in sync using Jetpack Compose](<https://devfeed.tech/articles/keep-your-tabs-and-list-in-sync-using-jetpack-compose-23699.md>)

Original publisher: [Read original article](<https://engineering.theblueground.com/auto-sync-tabs-and-a-list-with-jetpack-compose/>)

Author: Vaios Tsitsonis

Published: 2022-06-20T12:15:00Z

Content type: tutorial

Language: en

Sources: [Blueground Engineering blog](<https://devfeed.tech/sources/blueground-engineering-blog.md>)

Topics: [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Compose](<https://devfeed.tech/topics/compose.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Kotlin](<https://devfeed.tech/topics/kotlin.md>), [Development](<https://devfeed.tech/topics/development.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [code](<https://devfeed.tech/tags/code.md>), [compose](<https://devfeed.tech/tags/compose.md>), [development](<https://devfeed.tech/tags/development.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [list](<https://devfeed.tech/tags/list.md>), [recomposition](<https://devfeed.tech/tags/recomposition.md>), [state](<https://devfeed.tech/tags/state.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

This tutorial introduces Jetpack Compose and explains how to build a UI with grouped list items, synchronized tabs, scrolling behavior, and automatic navigation to corresponding groups. It also discusses Compose's Kotlin-based UI model, state handling, recomposition, and interoperability with the older UI system.

## Source excerpt

Jetpack Compose In May 2019, Google announced a new UI toolkit for Kotlin developers. In July 2021 the first stable version of this toolkit was made available. So, it is a fresh but I believe very promising toolkit. Some of the benefits of using the Jetpack Compose will be mentioned