Desenvolmimento para Dispositivos Móveis

Uso de mockups. Manipulação de dados e atualização de tela com React.

Última ocorrência: Não ocorreu

Posts Relacionados

Assunto

  1. Uso de mockups.
    • Uma forma barata de testar a estrutura de uma aplicação é criar mockups de telas para testar a interação com o usuário.
    • Os mockups podem ser criados em papel ou utilizando diversos softwares.
    • Um software bastante utilizado para criação de mockups é o Figma
  2. Manipulação de dados e autalização de tela com React.
    • Variáveis locais não são persisistidas entre “rederizações”
    • Alterar valores de variáveis locais não renderizações
    • Utilizando o useState hook coneseguimos:
      • Uma variável de estado que mantém os dados entre “renderizações”.
      • Uma função setter para atualizar variáves e acionar as “renderizações” do componente.
    • Quando você tem múltiplas variáveis de estado, se elas forem alteradas junto, é melhor que sejam agrupadas em um objeto e este seja atualizada uma única vez, disparando a “renderização” apenas uma vez.

Questões

  1. Crie um mockup de interface utilizando o Figma e os widgets oficiais da Apple.
  2. Implemente a interface planejada utilizando React Native.

Recursos para essa aula

Ferramentas Online

Tutorias/Documentação