JetPackCompose_Basic GitHub Details, Stars and Alternatives | OpenRepoFinder
KaushalVasava / repository
JetPackCompose_Basic
This repository is useful for learning basic to intermediate levels of Jetpack compose. Jetpack Compose (JC) is a modern UI development toolkit. It serves as a beginner-friendly project, providing an introduction to Jetpack Compose for newcomers and going up to the Intermediate level.
A transparent discovery signal based on current public GitHub metadata.
Recent activity35% weight
100
Community adoption25% weight
36
Maintenance state20% weight
40
License clarity10% weight
100
Project information10% weight
75
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
README preview
JetPackCompose Basic to Intermediate
Introduction
This repository is useful for learning basic to intermediate levels of Jetpack compose. Jetpack Compose (JC) is a modern UI development toolkit. It serves as a beginner-friendly project, providing an introduction to Jetpack Compose for newcomers and going up to the Intermediate level.
UI : You will learn how Compose basic UI element works. Like how to add image, text, list, how to scroll layout, about theming, animations and colors, etc.
State : You will learn how state management of UI element works in compose. learn about state handling
when configuration change, during recomposition and how to use state variable for state-hoisting to re-use
Stateless compose element.
Here you will learn
What is composable function? (BRANCH-1)
How you can build simple and basic ui elements(composable in JC)(views in xml)? (BRANCH-3)
How you can build simple screen with these composable? (BRANCH-3)
What is recomposition and How it works? (BRANCH-4)
What is State in JC? (BRANCH-4)
What is State hoisting. (BRANCH-4)
How to reuse composable to build complex ui? (BRANCH-3,4,5)
What is LazyRow, LazyColumn and how it works? (ie.Recyclerview in xml) (BRANCH-5)
How to make animation in JC? (BRANCH-6)
ViewPager, Card, TabLayout in JC (BRANCH-7, BOTTOM_VIEWPAGER, TAB_LAYOUT)
How to create Widget in Jetpack Compose? (BRANCH- ADD_WIDGET)
How to create bottom navigation bar in Jetpack compose? (BRANCH - bottom_nav)
How to create simple timer app with canvas? (BRANCH - timer)
News app using these concepts and also use MVVM architecture, Rest API, Retrofit, Coil for Image loading, Navigation, Testing API in JC. (BRANCH-NEWS_APP)
Add Text style using shape and animation to text. (BRANCH - text-styling)
Navigate back with next screen to previous screen. (BRANCH - navigate-back-with-result)
How to implement Drag-N-Drop in Jetpack compose. (BRANCH- drag-and-drop)
Topics
What is Jetpack compose?:
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.
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.). To create a composable function, just add the @Composable annotation to the function name.
More info 👉
ALGORITHMICALLY RELATED
Similar Open-Source Projects
Selected from shared topics, language and repository description—not editorial ratings.
This is a sample project which demonstrates how to create infinite lists 📋📋 with Paging 3 library in Jetpack Compose using modern Android Architecture Components(Kotlin, MVVM, Flow, Jetpack Compose, Paging 3 Library, Android Jetpack).
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.
Lists and animations:
Lists and animations are everywhere in apps. In this lesson, you will learn how Compose makes it easy to create lists and fun to add animations.
More info 👉 https://developer.android.com/jetpack/compose/lists
Navigation:
The Navigation component provides support for Jetpack Compose applications. You can navigate between composable while taking advantage of the Navigation component’s infrastructure and features.
#1_composable_function_info :
How composable function works is show in this branch code and how recomposition works in jetpack compose.
#3_add_rows_and_columns:
Add Row and column to create complex layout in compose.
#4_state_of_composable:
State of composable is good topic to learn in detail because of it you will find difficulty in recomposition.
#5_add_lazy_list_aka_recyclerview:
Lazy row and lazy column is like horizontal and vertical recyclerview but easy way to implement scrolling behaviour in compose.
#6_add_animation_and_theme:
Add animation when composable element state changes.
#7_add_card_composable:
Add Card composable or custom composable to make UI better.
#bottom_viewpager:
It is a viewpager in Jetpack compose.
#tab-layout:
Tab layout in Jetpack compose.
#Constraint-layout:
Use Constaint layout to make Indian flag.
#add_widget:
Create Simple counter widget in JC.
#bottom_nav_bar:
Created botttom navigation bar.
#meditation_ui:
Created complex UI
#timer:
Created timer app
#news-app:
News app using Retrofit, MVVM architecture, Compose, Navigation, Lazy list etc.
#text-styling
Add Text stlying and animations
#navigate-back-with-result
Navigate back with next screen to previous screen
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
Author
Kaushal Vasava
If you like my work then Follow me on LinkedIn, Twitter for more information related to app development, Kotlin, etc and Add to Favorite on Github .
This is a showcase project for native Android app using Kotlin, MVVM, and Dagger Hilt. The main purpose of this repository is to highlight Clean Architecture.
This repository is a showcase project demonstrating modern Android development practices. It serves as a practical guide and learning resource for developers looking to explore key components of the Android Jetpack library, with a special focus on `Jetpack Compose` for UI and `Kotlin Flows` for asynchronous programming.