Compose Cheatsheet

Guía rápida en español para crear interfaces Android con Jetpack Compose

Proyecto finalizado
Web HTML5 CSS3 JavaScript Jetpack Compose GitHub Pages
Mockup de la guía de Jetpack Compose en portátil y móvil

Sobre el proyecto

Jetpack Compose Cheatsheet es una guía rápida en español para crear interfaces Android con Jetpack Compose y Material 3. Cubre todo lo necesario para hacer una app completa: desde el primer @Composable hasta el estado, el ViewModel y la navegación.

Empezó como mis apuntes de modificadores y layouts. Al usarlos en proyectos como mi TFC iMirly se quedaron cortos, así que los amplié y los pasé a una web, que se consulta mejor que un README largo.

Características principales

14 secciones y 44 fichas

Fundamentos, Modifier, layouts, listas, estado, ViewModel, navegación, efectos, tema y un ejemplo completo.

Buscador instantáneo

Filtra las fichas al escribir, sin tener en cuenta tildes, y se abre con la tecla /.

Código listo para copiar

29 bloques de Kotlin con resaltado de sintaxis hecho a mano y botón Copiar.

Errores típicos

Avisos con los fallos más comunes: el import que falta, el innerPadding olvidado...

Modo claro y oscuro

Sigue el tema del sistema y recuerda la elección.

Responsive

En el móvil el menú pasa a un panel lateral y las tablas se apilan.

Capturas

Sección de layouts con tablas y código
Referencia rápida con ejemplos
Buscador filtrando fichas
Buscador instantáneo

Stack Tecnológico

Frontend

  • HTML5
  • CSS3
  • JavaScript Vanilla

Contenido

  • Jetpack Compose
  • Material 3
  • Kotlin

Despliegue

  • GitHub Pages
  • Git