Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Arquitetura e estado
Aprenda a criar um app funcional usando navegação, estado avançado e efeitos colaterais.
Voltar
check_circle
Fases do Compose
ondemand_video
Vídeo
Saiba como o Jetpack Compose transforma dados em interface.
check_circle
Como arquitetar a interface do Compose
subject
Artigo
Este guia se concentra em como implementar o padrão de fluxo de dados unidirecional no Compose, como implementar detentores de estados e eventos e como trabalhar com ViewModels no Compose.
Saiba mais sobre o modelo de estado e a composição do Compose, quando elevar o estado e criar detentores para ele ou usar os ViewModels do AAC e como mudar o estado quando você estiver fora da composição de forma segura para que essas mudanças sejam rastreadas pelo Compose.
check_circle
Onde elevar o estado
ondemand_video
Vídeo
Saiba como e onde elevar o estado no Jetpack Compose.
check_circle
Estado avançado e efeitos colaterais
emoji_objects
Codelab
Aprenda sobre conceitos avançados relacionados às APIs de efeitos colaterais e de estado no Jetpack Compose. Saiba como criar um detentor de estado para elementos combináveis complexos com estado, criar corrotinas e chamar funções de suspensão no código do Compose e acionar efeitos colaterais para diferentes casos de uso.
Conheça as práticas recomendadas para usar Navigation Compose ao configurar a expansão do gráfico de navegação em vários módulos, mantendo a segurança de tipos em todas as chamadas de navegação.
check_circle
Navegação
emoji_objects
Codelab
Aprenda a usar a biblioteca de navegação do Jetpack no Compose, navegar no app ou com argumentos, oferecer suporte a links diretos e testar a navegação.
O Compose mostra os dados do app na tela. Mas como isso é feito? Esse vídeo detalha o pipeline de produção do estado da interface e os detentores de estado que gerenciam a complexidade da interface. Conheça as diferenças entre lógica de negócios e da interface, um ViewModel e uma classe detentora de estado simples, estado e eventos, entre outros. Você vai descobrir o que é tudo isso, assim como quando e de que forma usar cada um desses elementos.
Perguntas
Teste o que você aprendeu e ganhe o selo "Arquitetura e estado".
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Não contém as informações de que eu preciso"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Muito complicado / etapas demais"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Desatualizado"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problema na tradução"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Problema com as amostras / o código"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Outro"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Fácil de entender"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Meu problema foi resolvido"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Outro"
}]
{}
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],[]]