Secret Word é um jogo de palavras muito popular, originado de programas de televisão em vários países. O objetivo principal do jogo é adivinhar uma palavra oculta, revelando letras gradualmente e acumulando pontos à medida que as letras corretas são escolhidas.
Esse projeto foi desenvolvido durante o Curso de React do Hora de Codar.
O desenvolvimento desse projeto me fez mergulhar fundo em React e a entender conceitos fundamentais, como:
-
Hook useState(): aprendi o conceito de estado que o React possui, e passei a controlar o estado das variáveis mais relevantes do projeto.
-
Hook useEffect(): usei o useEffect() para lidar com a manipulação de um evento no projeto, e entendi a base de como ele funciona.
-
Hook useRef(): fiz uso do useRef() para obter a referência de um input no HTML, aprendi quando devo usar esse hook e qual seu objetivo.
-
Hook useCallback(): usei esse hook para "memorizar" algumas funções importantes do projeto, para evitar que fossem renderizadas desnecessariamente.
-
Divisão Componental: dividi o projeto em três componentes (três partes principais): a tela inicial, tela do jogo e tela final. Com isso, entendi a raiz do React, a arquitetura com a qual ele trabalha.