3

Challenge: React Native Concepts

 1 year ago
source link: https://reactnativeexample.com/challenge-react-native-concepts/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Desafio: Conceitos do React Native

Nesse Desafio você irá aplicar tudo que aprendeu até agora no React Native enquanto constrói um App de tarefas.

Primeiro desafio da trilha React Native – Ignite Rocketseat 2022

🚀 Sobre o desafio

Essa será uma aplicação de lembrete de tarefas, onde vai treinar um pouco mais sobre manipulação do estado no React. As funcionalidades do aplicativo são:

  • Contagem de tarefas;
  • Adicionar uma nova tarefa;
  • Remover uma tarefa;
  • Marcar e desmarcar uma tarefa como concluída

📷 Screenshots

Home Page
Adicionando primeira tarefa
Adicionando e marcando a segunda tarefa
Removendo a primeira tarefa

📷 Screenshot: Testes

Execução dos testes

🚀 Desafio 02

Essa será uma continuação da aplicação de lembrete de tarefas desenvolvida no desafio anterior, onde você vai treinar um pouco mais sobre propriedades e componentização no React. As funcionalidades do aplicativo são:

  • Edição de uma tarefa;
  • Exibir alerta pedindo confirmação ao remover uma tarefa;
  • Exibir alerta ao tentar adicionar tarefa com o mesmo nome;

📷 Screenshots: Desafio 02

Alerta ao tentar add tarefa com o mesmo nome
Alerta pedindo confirmação ao remover uma tarefa
Editar uma tarefa

👨‍💻 Tecnologias

  • React Native 0.64;
  • TypeScript;

GitHub

View Github


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK