{"id":48567,"date":"2021-10-13T04:15:51","date_gmt":"2021-10-13T04:15:51","guid":{"rendered":"https:\/\/www.bridge-global.com\/blog\/?p=48567"},"modified":"2021-10-14T04:50:03","modified_gmt":"2021-10-14T04:50:03","slug":"jetpack-compose","status":"publish","type":"post","link":"https:\/\/www.bridge-global.com\/blog\/jetpack-compose\/","title":{"rendered":"Modern Design Practices: Jetpack Compose"},"content":{"rendered":"

What is Jetpack Compose?<\/h2>\n

As per Google, \u201cJetpack Compose is Android\u2019s modern toolkit for building native UI. It simplifies and accelerates UI development on Android. Quickly bring your app to life with less code, powerful tools, and intuitive Kotlin APIs\u201d<\/a>.<\/p>\n

Well, what does that mean?<\/strong><\/p>\n

In Android, we normally create XML files for layouts and then update the UI elements every time based on the processing flow or inputs received using Data Binding\/View Binding\/Kotlin Semantics\/findViewById.<\/p>\n

But now it\u2019s different!<\/strong><\/p>\n

Compose helps us to write a function that has both UI elements and rules for updating those elements, and these composable functions are called whenever information gets updated, i.e., a part of the UI is recreated every time without performance issues<\/strong>.<\/p>\n

Most of the modern frontend toolkits and frameworks such as React.js<\/strong> and Flutter<\/strong> follow this pattern.<\/p>\n

Read more:<\/strong> Flutter vs React Native \u2013 War of Tech Giants<\/a><\/p><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>

Why Jetpack Compose?<\/h2>