Giter VIP home page Giter VIP logo

jetpack-compose-lazy-layouts-e-estados's Introduction

thumb-jetpackcompose-lazy

Aluvery

App de entrega de comidas e bebidas em geral.

🔨 Funcionalidades do projeto

O Aluvery apresenta um catálogo de produtos variados como comidas, doces, bebidas etc. Também, ele permite realizar pesquisas para buscar produtos desejados a partir de um campo de texto.

amostra do Aluvery

🎯 Desafios

  • Tela todos produtos

tela-todos-produtos

Resultado do desafio

  • Descrição expandida

descricao-dinamica

Resultado do desafio

✔️ Técnicas e tecnologias utilizadas

Além das técnicas utilizadas na primeira versão do projeto, utilizamos as seguintes técnicas e tecnologias:

  • Lazy Layouts: otimização da performance de implementações de linhas ou colunas com muitos elementos
  • OutlinedTextField: implementação do campo de texto com os padrões do Material Design
  • Gerenciamento de estado: utilização de estados mutáveis para reagir com as mudanças do campo de texto
  • Personalização baseado em Slot: personalização flexível em locais específicos de determinados composables
  • Apresentação de conteúdo dinâmico: exploração da técnica para apresentar ou não um conteúdo dependendo do estado
  • Modifier padrão: flexibilização para personalizar composables em nível de componentes
  • Implementação de filtro: uso consciente de códigos computacionais dentro de composables
  • State Hoisting: técnica para reutilizar composables que precisam de gerenciamento de estado permitindo que o invocador seja o responsável pelo estado

📁 Acesso ao projeto

Você pode acessar o código fonte do projeto ou baixá-lo.

🛠️ Abrir e rodar o projeto

Após baixar o projeto, você pode abrir com o Android Studio. Para isso, na tela de launcher clique em:

  • Open an Existing Project (ou alguma opção similar)
  • Procure o local onde o projeto está e o selecione (Caso o projeto seja baixado via zip, é necessário extraí-lo antes de procurá-lo)
  • Por fim clique em OK

O Android Studio deve executar algumas tasks do Gradle para configurar o projeto, aguarde até finalizar. Ao finalizar as tasks, você pode executar o App 🏆

📚 Mais informações do curso

Gostou do projeto e quer aprender como implementá-lo? Você pode acessar o curso.

jetpack-compose-lazy-layouts-e-estados's People

Contributors

alexfelipe avatar

Stargazers

Joao Lucas Costa avatar clauber-DEV avatar

Watchers

Paulo Silveira avatar Sérgio Lopes avatar Rodrigo da Silva Ferreira Caneppele avatar James Cloos avatar Caio César Mendonça Souza avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.