Este tutorial não assume nenhum conhecimento existente do React.
- Te permite jogar o Jogo da Velha.
- Indica quando um dos jogadores ganhou o jogo.
- Armazena um histórico do jogo à medida que ele avança.
- Permite aos jogadores reverem o histórico do jogo e verem versões anteriores do tabuleiro.
Se tiver um tempo extra e quiser praticar as suas habilidades no React, aqui estão algumas ideias de melhorias que poderia adicionar a seu Jogo da Velha, listadas em ordem crescente de dificuldade.
- Mostrar a localização de cada jogada no formato (col, row), para cada jogada no histórico.
- Estilizar com negrito o item da lista de jogadas que está selecionado no momento.
- Reescrever o componente Board para utilizar 2 loops para fazer os quadrados, em vez de deixá-los hardcoded.
- Adicionar um botão de toggle que lhe permita ordenar as jogadas em ordem ascendente ou descendente.
- Quando alguém ganhar, destaque os 3 quadrados que causaram a vitória.
- Quando ninguém ganhar, exiba uma mensagem informando que o resultado foi um empate.