Navegação Responsiva com Custom React Hook

Introdução

Neste projeto, você aprenderá como criar um Hook React personalizado chamado useWindowSize para obter o tamanho atual da janela e usá-lo para renderizar condicionalmente a barra de navegação em uma aplicação web.

👀 Pré-visualização

🎯 Tarefas

Neste projeto, você aprenderá:

• Implementar o Hook personalizado useWindowSize para obter o tamanho atual da janela
• Usar o Hook useWindowSize no componente App para atualizar a barra de navegação com base na largura da janela

🏆 Conquistas

Após concluir este projeto, você será capaz de:

• Criar um Hook React personalizado para encapsular funcionalidades reutilizáveis
• Utilizar os hooks useState e useEffect para gerenciar o estado e efeitos colaterais (side effects)
• Renderizar componentes condicionalmente com base no tamanho atual da janela