Jetpack Compose 学习教程汇总

---

Jetpack Compose 为Android带来了先进的声明式UI开发方式。
近期alpha1.0正式发布，说明目前整体功能已接近完善，API也足够稳定，是时候开始学习一波了。

推荐一个项目，这里整理了各种高质量的官方、民间的Compose学习资料，有兴趣的同学不妨关注一下：

➡️ Learn Jetpack Compose Android ⬅️
aims to be your starting point to find the finest learning content for Jetpack Compose suites of libraries.

Contents
   · Slides: 大会演讲、分享
   · Official: 官方文档、代码实例
   · Articles: 技术博客、文章
   · Githubs: 民间开源项目

Slides

---

• https://speakerdeck.com/vinaygaba/360-andev-2020-learning-jetpack-compose-by-example [July 23, 2020]
  360 | AnDev 2020：通过例子学习Jetpack Compose — Vinay Gaba

• https://speakerdeck.com/alexzhukovich/lets-build-an-android-ui-with-jetpack-compose [April 20, 2020]
  使用Jetpack Compose创建Android UI — Alex Zhukovich

• https://speakerdeck.com/lnicolet/mvi-with-jetpack-compose [September 09, 2019]
  Jetpack Compose中使用MVI — Luca Nicoletti

• https://speakerdeck.com/lelandrichardson/react-meet-compose [July 12, 2019]
  React与Compose — Leland Richardson

• https://speakerdeck.com/ragunathjawahar/jetpack-compose-next-gen-kotlin-ui-toolkit-for-android [June 22, 2019]
  Jetpack Compose：新一代Kotlin/UI框架 — Ragunath Jawahar

• https://speakerdeck.com/takusemba/jetpack-compose [May 21, 2019]
  Jetpack Compose — TakuSemba

Official

---

• https://developer.android.com/courses/pathways/compose
  Jetpack Compose 官方教程

• https://developer.android.com/jetpack/compose
  Jetpack Compose 官网主页

• https://developer.android.com/jetpack/compose/documentation
  Jetpack Compose 官方文档

• https://codelabs.developers.google.com/codelabs/jetpack-compose-basics/index.html
  代码实验室之基础

• https://codelabs.developers.google.com/codelabs/jetpack-compose-migration/index.html
  代码实验室之迁移到Compose

• https://codelabs.developers.google.com/codelabs/jetpack-compose-layouts/index.html
  代码实验室之布局

• https://codelabs.developers.google.com/codelabs/jetpack-compose-theming/index.html
  代码实验室之Theming

• https://codelabs.developers.google.com/codelabs/jetpack-compose-state/index.html
  代码实验室之状态管理

• https://android.googlesource.com/platform/frameworks/support/+/refs/heads/androidx-master-dev/ui
  Jetpack Compose 官方源码仓库

• https://github.com/androidx/androidx/tree/androidx-master-dev/ui
  github仓库，与官方仓库定期同步

• https://github.com/aosp-mirror/platform_frameworks_support/tree/androidx-master-dev/ui
  Jetpack Compose AOSP镜像

• https://issuetracker.google.com/issues?q=status:open%20componentid:612128
  Jetpack Compose issues近期问题一栏

• https://issuetracker.google.com/issues/new?component=612128
  Jetpack Compose 新issues创建

• https://github.com/android/compose-samples
  官方Sample

Articles

---

• https://jetc.dev/
  Jetpack Compose Resources + Newsletter。

• https://medium.com/androiddevelopers/understanding-jetpack-compose-part-1-of-2-ca316fe39050
  Jetpack Compose实现原理Part 1 of 2 — Leland Richardson

• https://joebirch.co/tag/jetpack-compose/
  Jetpack Compose的一些学习内容整理 — Joe Birch

• https://medium.com/tag/jetpack-compose/latest
  记录了Jetpack Compose的最新进展以及一些学习资源

• https://dev.to/t/jetpackcompose
  同样汇总了一些最新的学习资料和项目进展

• https://compose.academy/
  非官方的教学网站，但做的比官方的还要友好

• https://jetpackcompose.app/
  介绍了基本的使用方法以及与传统UI开发方式的比较

• https://alexzh.com/tag/jetpack-compose/
  Quality Jetpack Compose — AlexZh

• https://www.raywenderlich.com/7032631-jetpack-compose-tutorial-for-android-getting-started
  入门教程

Githubs

---

Application

• https://github.com/androiddevnotes/awesome-jetpack-compose-android-apps
  基于Jetpack Compose 开发的各种APP项目汇总

• https://docs.github.com/en/github/searching-for-information-on-github/about-searching-on-github
  在github中的一些搜索技巧，帮助你搜索感想去的项目

Libraries

• https://github.com/chrisbanes/accompanist

• https://github.com/airbnb/Showkase

Resources

• https://github.com/vinaygaba/Learn-Jetpack-Compose-By-Example
  通过很多小例子来学习Compose的使用

• https://github.com/hitherejoe/ComposeAcademy-Playground
  适合对Compose渐进式的学习，类目整理的很合理

• https://github.com/Foso/Jetpack-Compose-Playground
  非常全的Jetpack Compose demo项目，一直紧跟版本升级

• https://github.com/Naveentp/Awesome-Jetpack-Compose
  像Learn Jetpack Compose Android一样，汇总了各种Compose的学习资源