[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!