projeto em React Skill Tree

Construir Componentes React Interativos

Iniciante

Neste projeto, você aprenderá a criar uma funcionalidade simples de mostrar/ocultar usando React. Você implementará um botão que alterna a visibilidade de uma imagem na página.

reactjavascriptweb-development

💡 Este tutorial foi traduzido do inglês com assistência de IA. Para ver o original, você pode mudar para a versão em inglês

Introdução

Neste projeto, você aprenderá como criar uma funcionalidade simples de mostrar/ocultar usando React. Você implementará um botão que alterna a visibilidade de uma imagem na página.

👀 Pré-visualização

project preview

🎯 Tarefas

Neste projeto, você aprenderá:

  • Como configurar um projeto React com arquivos HTML, CSS e JavaScript
  • Como usar o hook useState para gerenciar o estado da aplicação
  • Como renderizar condicionalmente componentes com base no estado
  • Como estilizar os componentes usando CSS

🏆 Conquistas

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

  • Criar uma aplicação React básica
  • Implementar gerenciamento de estado para controlar a visibilidade de elementos
  • Integrar HTML, CSS e JavaScript em um projeto React
  • Compreender os fundamentos da construção de interfaces de usuário interativas com React

Professor

labby
Labby
Labby is the LabEx teacher.