anncode

[Android Native, Kotlin, Geek & Teacher]

🚢 Navigation Component en Jetpack Compose 0 (0)

Jetpack Compose ha decidido erradicar por completo los XML de los proyectos de Android. Esto ha traído un gran cambio en cómo manejar la navegación usando Navigation Component.

Spoiler Alert: El Grafo de Navegación o Navigation Graph ya no existe más

En esencia todo es un Composable, por lo tanto tenemos nuevas librerías disponibles a usarse dentro de un Composable:

  • NavController
  • NavHost

Estas nos ayudarán a construir nuestro propio «Mapping» de Navegación usando rutas similares a las de un sitio web

Además podemos seguir usando todo lo referente al BackStack como:

  • popUpTo
  • inclusive

En esta clase te lo explico todo simulando una navegación que cubre casi todos los Test Cases 👇

Te dejo los slides y para que nunca se te olvide.

¿Qué te parece esta propuesta para manejar la Navegación con Jetpack Compose?

Cuentáme en los comentarios con tus palabras cómo le explicarías este concepto a otro programador?

Si te gustó esta clase no olvides compartirla haces un excelente trabajo divulgando conocimiento ⚡

🏋️‍♀️ State Hoisting with Jetpack Compose 0 (0)

El término State lo estarás observando mucho cada vez que hablemos de Programación Funcional, por que tiene que ver o está involucrado con el principio de Inmutabilidad.

Un State puede ser cualquier cosa que cambie en el tiempo por ejemplo:

  • Un Archivo
  • Una Variable
  • etc.

En Jetpack Compose buscaremos tener Composables Stateless que traducido es Sin Estado.

En esta clase vamos a repasar el concepto de Recomposition para entender cómo con los keywords remember y rememberSaveable podemos integrar una variable «mortal» al Recomposition Tree de un Composable, ya que lograr que un elemento se recomponga a partir de una acción no es tan sencillo como setear el dato de una variable a un elemento.

Una vez que entendemos cuál es el rol de las variables en Jetpack Compose, es importante que sepas cómo aplicar el Patrón de Diseño:

  • State Hoisting

Este nos ayudará a crear Composables más inmutables o Stateless que sean más fáciles de testear. Te explico cómo hacer todo esto con un ejemplo en la clase 👇

Te dejo los slides y para que nunca se te olvide.

Aprendí un montón preparando esta clase, aplicando State Hoisting es muy fácil crear Composables que se puedan testear muy bien.

Cuentáme en los comentarios con tus palabras cómo le explicarías este concepto a otro programador?

Si te gustó esta clase no olvides compartirla haces un excelente trabajo divulgando conocimiento ⚡

🧼 Clean Architecture en Android Jetpack Compose 0 (0)

Jetpack Compose definitivamente is the new cool en Android, todos queremos aprender, todos queremos construir UI ya pero, a medida que metemos mano y conocemos este Toolkit podríamos caer en mucho desorden sin darnos cuenta. Haciendo que nuestras aplicaciones tengan código difícil de leer y entender para hacerlas escalar.

Por eso en esta clase hice una iteración de cómo podrías orgranizar un Proyecto de Android que utilice Jetpack Compose, siguiendo las capas de Clean Architecture:

  • Data
  • Domain
  • Presentation

El Core de Jetpack Compose por supuesto es Presentation debemos cuidar que los asuntos de UI se conserven aquí.

Aún en la capa de Presentation podemos hacer una organización de Composables interezante que nos eviten el código espagueti y nos permitan trabajar mejor en equipo.

Te dejo los slides y el código para que nunca se te olvide.

Creo que Jetpack Compose es el futuro que se está haciendo presente muy rápido, la mejor noticia es que ya tenemos release lo que significa que puedes usarlo en Producción.

Ya lo probaste?

Si te gustó esta clase no olvides compartirla haces un excelente trabajo divulgando conocimiento ⚡

🤹‍♀️ Jetpack Compose en tu proyecto de Android Views 5 (1)

Al fin Jetpack Compose 1.0 🔥 fue liberado en este 2021 y llegó la hora de integrarlo a nuestros proyectos existentes de Android.

Mira todas las combianciones que puedes hacer al mezclarlo con los views de tu proyecto:

  • Inserta un Composable en un Fragment
  • Inserta un Composable en un View
  • Crea una pantalla entera Composable y hazla interactuar con tus otras screens
  • Inserta un View en un Composable

Todo te lo explico aquí 🤯👇

Te dejo los slides para que nunca se te olvide.

Si te gustó esta clase no olvides compartirla haces un excelente trabajo divulgando conocimiento ⚡

🔥 Flutter vs. Jetpack Compose 5 (7)

Android Jetpack Compose está a punto de salir y llegó para quedarse y revolucionar la forma en que construyes las interfaces gráficas de tus aplicaciones móviles.

Flutter ha tenído un crecimiento exponencial y su comunidad es su principal motor pues realmente lo aman por ser una tecnología de excelencia en el ambiente multiplataforma.

Flutter vs. Jetpack Compose, ambos nacen de la necesidad de construir Interfaces móviles hermosas, ¿quién será el preferido por los Mobile Developers? Mira la clase aquí 👇

Te dejo los slides para que nunca se te olvide.

¿Te gusta el desarrollo Nativo con Android? ¿Qué te gusta más de Flutter?

Por favor cuentame en los comentarios 🤙

Si te gustó esta clase no olvides compartirla haces un excelente trabajo divulgando conocimiento ⚡