проект in React Skill Tree

Создание интерактивных компонентов React

Начинающий

В этом проекте вы научитесь создавать простую функциональность показа/скрытия с использованием React. Вы реализуете кнопку, которая переключает видимость изображения на странице.

ReactJavaScript

💡 Этот учебник переведен с английского с помощью ИИ. Чтобы просмотреть оригинал, вы можете перейти на английский оригинал

Введение

В этом проекте вы научитесь создавать простую функциональность показа/скрытия с использованием React. Вы реализуете кнопку, которая переключает видимость изображения на странице.

👀 Предпросмотр

предпросмотр проекта

🎯 Задачи

В этом проекте вы научитесь:

  • настраивать React-проект с файлами HTML, CSS и JavaScript;
  • использовать хук useState для управления состоянием приложения;
  • условно рендерить компоненты в зависимости от состояния;
  • стилизовать компоненты с использованием CSS.

🏆 Достижения

После завершения этого проекта вы сможете:

  • создавать базовое React-приложение;
  • реализовывать управление состоянием для контроля видимости элементов;
  • интегрировать HTML, CSS и JavaScript в React-проект;
  • понять основы создания интерактивных пользовательских интерфейсов с использованием React.

Преподаватель

labby

Labby

Labby is the LabEx teacher.