Card image cap

Jetpack Compose MVVM for Beginners





Description

Main Features

  1. Kotlin
  2. MVVM
  3. Jetpack Compose
  4. MutableState
    • Simpler than LiveData or Flow with respect to composables.
  5. Hilt
  6. Navigation Components
  7. Retrofit2
  8. Single Activity Architecture
  9. App Themes
  10. Custom Fonts
  11. Light and Dark theme
    • Toggle between themes

Compose features

  1. Snackbars
  2. Dialogs
  3. Theming
  4. Fonts
  5. Colors
  6. Animations introduction
    • creating a 'shimmering' loading animation
  7. ConstraintLayout
  8. Rows
  9. Columns
  10. Scaffold
  11. AppBar
  12. Circular Progress Indicator



Metadata

Published: Aug. 2, 2021

Lectures: 54

Total video time: 12:02:43





Authors

Mitch Tabian

codingwithmitch.com

Software Dev


Lectures
  • Part 1 - Project Setup
  • Install Android Studio 4.2 Canary
  • Jetpack Compose Setup
  • Column Layouts
  • Row Layouts
  • Fragments with Jetpack Compose (Interoperability)
  • Navigation Component with Jetpack Compose
  • Part 2 - Architecture
  • The Best Architecture for Jetpack Compose
  • Core Business Model
  • Recipe Network Entity
  • Mapping a Domain Model to a Network Entity
  • Network Layer Setup
  • DTO's and Entities in Software Architecture
  • Repository Setup
  • Hilt Dependency Injection
  • Hilt ViewModels and Dependency Injection
  • Providing Retrofit Instance and Repository
  • Persisting data in ViewModels with MutableState
  • Part 3 - Displaying List Data in UI
  • Jetpack Compose alpha-09 Updates
  • RecyclerView and CardView (LazyColumn and Card)
  • Asynchronously Load Images with Glide
  • Capturing User Input
  • SearchView Toolbar
  • Horizontal Scrollable Row
  • Chips
  • Togglable Chips in Toolbar
  • Scroll Position of Scrollable Row
  • State Hoisting
  • Part 4 - Animations and Loading
  • Loading with Circular Progress Bar
  • Constraint Layout
  • Animations Introduction
  • Heart Animation
  • Shimmer Loading Animation
  • Part 5 - Theming in Jetpack Compose
  • Dark Theme and Light Theme
  • Custom Fonts
  • Scaffold and Slot APIs
  • Snackbar, SnackbarState and SnackbarHostState
  • Managing Snackbar's with Scaffold
  • Part 6 - Pagination
  • Pagination for the Recipe API
  • Part 7 - Unidirectional Data Flow
  • Unidirectional Data Flow and State Events
  • Restoring State after Process Death
  • Part 8 - Recipe Fragment
  • Sending Data from Fragment to Fragment
  • Recipe Fragment ViewModel and State Events
  • Recipe Detail Screen
  • Shimmer Animation for a Detail Screen
  • Part 9 - Improvements
  • Reducing Code Duplication using the App Theme



Comments

Lectures
  • Part 1 - Project Setup
  • Install Android Studio 4.2 Canary
  • Jetpack Compose Setup
  • Column Layouts
  • Row Layouts
  • Fragments with Jetpack Compose (Interoperability)
  • Navigation Component with Jetpack Compose
  • Part 2 - Architecture
  • The Best Architecture for Jetpack Compose
  • Core Business Model
  • Recipe Network Entity
  • Mapping a Domain Model to a Network Entity
  • Network Layer Setup
  • DTO's and Entities in Software Architecture
  • Repository Setup
  • Hilt Dependency Injection
  • Hilt ViewModels and Dependency Injection
  • Providing Retrofit Instance and Repository
  • Persisting data in ViewModels with MutableState
  • Part 3 - Displaying List Data in UI
  • Jetpack Compose alpha-09 Updates
  • RecyclerView and CardView (LazyColumn and Card)
  • Asynchronously Load Images with Glide
  • Capturing User Input
  • SearchView Toolbar
  • Horizontal Scrollable Row
  • Chips
  • Togglable Chips in Toolbar
  • Scroll Position of Scrollable Row
  • State Hoisting
  • Part 4 - Animations and Loading
  • Loading with Circular Progress Bar
  • Constraint Layout
  • Animations Introduction
  • Heart Animation
  • Shimmer Loading Animation
  • Part 5 - Theming in Jetpack Compose
  • Dark Theme and Light Theme
  • Custom Fonts
  • Scaffold and Slot APIs
  • Snackbar, SnackbarState and SnackbarHostState
  • Managing Snackbar's with Scaffold
  • Part 6 - Pagination
  • Pagination for the Recipe API
  • Part 7 - Unidirectional Data Flow
  • Unidirectional Data Flow and State Events
  • Restoring State after Process Death
  • Part 8 - Recipe Fragment
  • Sending Data from Fragment to Fragment
  • Recipe Fragment ViewModel and State Events
  • Recipe Detail Screen
  • Shimmer Animation for a Detail Screen
  • Part 9 - Improvements
  • Reducing Code Duplication using the App Theme