proyecto in React Skill Tree

Construir componentes interactivos de React

Principiante

En este proyecto, aprenderás cómo crear una función simple de mostrar/ocultar utilizando React. Implementarás un botón que alterna la visibilidad de una imagen en la página.

ReactJavaScript

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este proyecto, aprenderás a crear una funcionalidad simple de mostrar/ocultar utilizando React. Implementarás un botón que alterna la visibilidad de una imagen en la página.

👀 Vista previa

vista previa del proyecto

🎯 Tareas

En este proyecto, aprenderás:

  • Cómo configurar un proyecto de React con archivos HTML, CSS y JavaScript
  • Cómo utilizar el hook useState para administrar el estado de la aplicación
  • Cómo renderizar componentes condicionalmente según el estado
  • Cómo dar estilo a los componentes utilizando CSS

🏆 Logros

Después de completar este proyecto, podrás:

  • Crear una aplicación básica de React
  • Implementar la gestión de estado para controlar la visibilidad de los elementos
  • Integrar HTML, CSS y JavaScript en un proyecto de React
  • Comprender los fundamentos de la construcción de interfaces de usuario interactivas con React

Profesor

labby

Labby

Labby is the LabEx teacher.