Jogo da Velha (com React)
Exemplo simples de Jogo da Velha construído com React, utilizado como material de apoio para palestra na SESINFO 2019 (slides aqui).
A estrutura deste projeto foi gerada com o Create React App. Se você nunca se meteu com a construção de projetos front-end utilizando este tipo de ferramenta, fica a dica: instale o Node antes de começar.
Instalando
Após clonar o repositório, em um terminal no diretório do projeto, execute:
npm installUtilizando
Ainda em um terminal no diretório do projeto, basta executar:
npm startIsto executará a aplicação em modo de desenvolvimento. Abra http://localhost:3000 para poder visualizar em seu navegador.
No modo de desenvolvimento, a página recarrega automaticamente se você fizer alterações. Brinque com o código-fonte para se aprofundar!
Saiba mais
Você pode aprender mais sobre a concepção e configuração de projetos React através da documentação do Create React App. Para aprender a biblioteca React em si, dê uma olhada na documentação do React.
Ainda está com alguma dúvida? Você pode encontrar o autor da talk que originou este material nas comunidades Vue.js Brasil. Mesmo que seja para falar sobre React. 😉
Sentindo-se do contra?
Está passando por um momento de angústia por ter encontrado este exemplo em React e prefere Vue? Sem problemas, acesse agora mesmo a versão em Vue que foi construída para a mesma talk que originou este material.
Uma vez que o principal objetivo da talk foi oferecer uma visão geral entre React e Vue, como se assemelham em muitas coisas e como diferem em algumas outras, pode ser uma boa oportunidade para comparar como alguns conceitos corriqueiros são implementados nestes dois ecossistemas.
Licença
Copyright © 2019.
Licenciado nos termos da licença MIT.