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 install

Utilizando

Ainda em um terminal no diretório do projeto, basta executar:

npm start

Isto 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.