Executando verificação de segurança...
12

[CodeSandbox] Tutorial Jogo da Velha React - Hooks

E aí como estão?

Quando comecei a programar com React um dos primeiros tutoriais que realizei foi aquele do site que nos ensina os conceitos da biblioteca através da criação de um jogo da velha (https://pt-br.reactjs.org/tutorial/tutorial.html).

Na época a única forma de criar componentes com estado era através de classes.

Eu amei esse tutorial pois além do fato de ensinar através de jogos (o que eu acho sensacional!), ele ensina os fundamentos necessários que todo programador iniciante precisa saber para utilizá-lo.

Mas para a minha surpresa, mesmo após 3 anos de lançamento dos hooks (v16.8), o tutorial não foi atualizado e/ou não há uma versão utilizando hooks em vez de classes (pelo menos eu não encontrei!).

Acredito que utilizando hooks o código fica mais intuitivo e de fácil absorção.

Por isso resolvi criar um codesandbox com a versão utilizando hooks: https://codesandbox.io/s/react-tutorial-with-hooks-hfm71j

OBS: incluí algumas funcionalidades extras como por exemplo a possibilidade de reiniciar o jogo, utilização de CSS grid etc.

Espero que gostem!

Abraço!

Carregando publicação patrocinada...
7

Nossa excelente post! Eu votei positivo e queria mais posts assim, mostrando a evolução de um sistema, os pontos que poderiam melhorar, como aplicar melhor conceitos de arquitetura, design patterns ou qualquer coisa que facilitasse nosso entendimento nestes assuntos! Muito obrigado por esse excelente tutorial.

E por falar em Jogo da Velha, segue meu repositório de criação de um Jogo da Velha com Python e Kivy!.

1