Nick Navarro

1607178540

Column Layouts with Jetpack Compose

This is a jetpack compose tutorial where I show you how to use Column composables. Column and Row composables are probably the most common jetpack compose component.

Code: https://github.com/mitchtabian/MVVMRecipeApp/tree/column-layouts

Subscribe : https://www.youtube.com/channel/UCoNZZLhPuuRteu02rh7bzsw

#jetpack #android

What is GEEK

Buddha Community

Column Layouts with Jetpack Compose
Autumn  Blick

Autumn Blick

1593253920

Jetpack Compose: Twitter UI

He used Flutter (which is an amazing tool btw for building cross platform apps) — with just one day of work, 1500 lines of code. That’s beyond impressive (specially the fact that Flutter can be hosted on CodePen as well).

So with similar constraints, I wanted to try out Jetpack Compose. I followed the CodePen example (as closely as I could) and this is the result:

Complete source code:

The App

There are three screens in this app

Home Screen

Profile Screen

Compose Screen

App State

Before we get to the screens — take a look at app state model, which will be used for navigation and theming. I also added some helpers for navigating to individual screens & for checking theme.

Models

There are two models — both data classes. The Tweet model is annotated with _@Model _as we update this model from our composed functions to update view state. User stays the same, hence it’s not annotated.

#kotlin #android #jetpack-compose #android-app-development #jetpack

Jeromy  Lowe

Jeromy Lowe

1598743860

JetPack Compose 🏹 — State Management

State Management in Android is a complex concept and to know the reason you have to first understand the architectural design of Android and to learn why it’s the key requirement to manage state. The Marcelo Benites article Managing State in Android defines the best description of the state:

The state is an object that is connected/subscribed to one or more widgets, contains data, and eager to update the widgets from that data. If there’s any change happens in data, it notifies all widgets to whom it’s connected. The values of the state are changed at runtime.

#jetpack-compose #jetpack #state #android #kotlin

Nick Navarro

1607178540

Column Layouts with Jetpack Compose

This is a jetpack compose tutorial where I show you how to use Column composables. Column and Row composables are probably the most common jetpack compose component.

Code: https://github.com/mitchtabian/MVVMRecipeApp/tree/column-layouts

Subscribe : https://www.youtube.com/channel/UCoNZZLhPuuRteu02rh7bzsw

#jetpack #android

Buliding Todo App in Jetpack Compose

Learn how to built a todo app in jetpack compose.u will also learn about state management in compose and how to create an inline editor.
https://youtu.be/Y5_kanaupnM

#jetpack #compose #statemanagement #inlineeditor

13 Cool Simple CSS Grid layout examples

Collection of free hand-picked simple CSS grid examples. Also, it includes a bunch of front-end techniques, tips, and tricks for your future reference. Hope you will like these freebies and find them useful. Happy coding!

  • Styling the last row of a grid with CSS selectors
  • Grid Animation Effects
  • Simple grid mixin
  • Simple Grid CSS Grid
  • Simple CSS Grid Hover
  • Simple css Grid – Responsive
  • Simple css grid system using scss
  • CSS variables simple CSS grid
  • Super Simple CSS Grid
  • 3D Grid UI
  • Aspect ratio Grid boxes with CSS Variables
  • Simple grid system
  • Simple Grid template

#layouts #css grid #grid #layouts #css #css grid layout