Projeto desenvolvido com REACT e utilizado como critério de avaliação do curso de desenvolvimento Web da Trybe
Neste projeto, verificamos se voce é capaz de:
-
Ler o estado de um componente e usá-lo para alterar o que exibimos no browser
-
Inicializar um componente, dando a ele um estado pré-definido
-
Atualizar o estado de um componente
-
Capturar eventos utilizando a sintaxe do React
-
Criar formulários utilizando sintaxe JSX com as tags:
input
,textarea
,select
,form
,checkbox
-
Transmitir informações de componentes filhos para componentes pais via callbacks
Neste projeto você vai desenvolver um jogo no estilo Super Trunfo! Ao utilizar essa aplicação uma pessoa usuária deverá ser capaz de:
-
Criar um baralho, com o tema livre;
-
Adicionar e remover uma carta do baralho;
-
Visualizar todas as cartas que foram adicionadas ao baralho;
-
Jogar com o baralho criado.
Para garantir a qualidade do código, vamos utilizar neste projeto os linters ESLint
e Stylelint
.
Assim o código estará alinhado com as boas práticas de desenvolvimento, sendo mais legível e de fácil manutenção!
Vamos utilizar React Testing Library para execução dos testes unitários.
Esse framework de testes utiliza algumas marcações no código para verificar a solução proposta, uma dessas marcações é o atributo data-testid
e faremos uso dele aqui.