Codementor Events

How and why I built a Mock Twitter Feed in Jetpack Compose

Published Aug 05, 2021
How and why I built a Mock Twitter Feed in Jetpack Compose

GitHub

yngkody/mock-twitter-feed-jetpack

Screen Shot 2021-08-05 at 4.32.59 PM.png

About me

I've been coding since I was 15 years old and have been in mobile app development since 2016! I love this software engineering field because it is something very tangible. You can see your immediate impact in a field where end-users come by the millions.

The problem I wanted to solve

I wanted to write faster and more responsive UI / UX elements and sequences in Android as well as deprecating older ways (XML, Android View Hierarchies) of creating native views in Android.

Why did I chose to do this?

This is a mock Twitter Feed app to demonstrate how to build UI elements in Jetpack Compose, the latest toolkit for Kotlin allowing parameterized UI recomposition. Pretty sick if you ask me!

Tech stack

Android Studio Arctic Fox
Jetpack Compose
MVVM

The process of building Mock Twitter Feed in Jetpack Compose

I started this project by following Google's official documentation on how to code UI views.

Challenges I faced

None. Pretty straight-forward and easy to learn. Google did an amazing job.

Key learnings

A lot of tech startup companies end up failing because they use deprecated or out-dated technologies that can't keep up with the advances in software engineering.

  • Now more than ever, UI's have a need to become faster with faster internet speeds all around the world. The world of computing is getting faster too so the data has to be represented quicker as well.

  • Parameterized UI functions that Jetpack Compose uses allows only changed data to be re-drawn as opposed to re-drawing the entire view.

  • So if you have a LazyColumn, whose parameter is an item of a Data Object type, you will be able to manipulate a single card of a single parameter of a single instance of your Data Object!

Tips and advice

Start off with reading what Jetpack Compose is and *WHY it is import to the direction of mobile app development as well as it's CONS as well.

Final thoughts and next steps

I love mobile app development and for a very, very long time was disgusted by view hierarchies and XML inside of Android Studio. Kotlin and Jetpack Compose are so developer friendly, I'm not sure who would hate it?!

Discover and read more posts from Kody Young
get started