React Учебники
React предлагает структурированный путь обучения для создания современных пользовательских интерфейсов. Наши учебные материалы охватывают компоненты React, управление состоянием и хуки, подходящие как для новичков, так и для опытных фронтенд-разработчиков. Через практические лаборатории и примеры вы получите опыт в создании динамичных и отзывчивых интерфейсов. Наша интерактивная площадка React позволяет вам тестировать функции React и видеть мгновенные результаты.
Другие деревья навыков
LinuxDevOpsКибербезопасностьDevOps EngineerCybersecurity EngineerDevSecOpsKali LinuxRed Hat Enterprise LinuxОбучение RHCSAОбучение RHCE in Enterprise LinuxОбучение LFCSShellGitDockerKubernetesОбучение CKAОбучение CKADОбучение CKSAnsibleОбучение RHCE in AnsibleJenkinsNmapWiresharkHydraCompTIAБаза данныхMySQLPostgreSQLRedisMongoDBSQLitePythonGolangJavaCC++Веб-разработкаНаука о данных
Состояние React с использованием хуков
В этой лабораторной работе вы изучите основы управления состоянием компонента в React с помощью хука `useState`, создав простое приложение-счетчик.
React
React Props
В этой лабораторной работе вы изучите основы React props, включая передачу данных от родительских компонентов к дочерним, доступ к пропсам, использование деструктуризации и установку значений по умолчанию.
ReactJavaScript
Списки и ключи в React
В этой лабораторной работе вы научитесь рендерить списки данных в React и узнаете о важности использования ключей для элементов списка.
ReactJavaScript
Основы React JSX
В этой лабораторной работе вы изучите основы синтаксиса JSX в React, включая написание элементов, встраивание выражений и использование атрибутов.
ReactJavaScript
Основы форм в React
В этой лабораторной работе вы изучите основы работы с формами в React, включая управляемые компоненты, управление состоянием и обработку событий.
React
Обработка событий в React
В этой лабораторной работе вы изучите основы обработки событий в React, таких как клики, путем прикрепления обработчиков событий к элементам JSX и определения соответствующих функций.
ReactJavaScript
Условный рендеринг в React
В этой лабораторной работе вы изучите основные методы условного рендеринга в React, включая использование тернарного оператора, логического &&, переменных и состояния для динамического отображения компонентов.
ReactJavaScript
Введение в компоненты React
В этой лабораторной работе вы изучите основы компонентов React, создав, экспортировав и импортировав простой функциональный компонент.
ReactJavaScript
Настройка React и первое приложение
В этой лабораторной работе вы изучите основные шаги по настройке нового проекта React и запуску вашего первого приложения React с помощью Vite.
ReactJavaScript
Создайте Pixel Art Animator с использованием React
В этом проекте мы проведем вас по созданию простого Pixel Art Animator с использованием React. В конце этого руководства у вас будет базовый редактор пиксельного рисунка, где вы сможете нарисовать свое пиксельное изображение и увидеть результирующую анимацию. Этот проект подходит для начинающих и представляет собой веселый способ окунуться в мир React и пиксельного искусства!
ReactCSSJavaScript
Создать приложение для заметок с использованием React
В этом проекте мы создадим простое приложение для заметок с использованием React. Приложение позволит пользователям добавлять, редактировать и удалять заметки. Мы разобьем разработку на несколько этапов, обеспечивая, чтобы каждый этап соответствовал определенным требованиям и добавлял важную функциональность.
ReactJavaScriptCSS
Создание веб-приложения для списка желаний на Рождество с использованием React
В этом проекте вы научитесь создавать веб-приложение для списка желаний на Рождество с использованием React. Приложение имеет красивый полноэкранный фон в стиле Рождества и очаровательную анимацию падения снега, создавая праздничное настроение. Пользователи могут добавлять желания на полупрозрачную стену желаний, и каждое желание представлено в виде открытки. Мы будем использовать React для фронтенда и CSS для стилизации и анимаций.
ReactJavaScriptCSS
Создание тепловой карты вклада на GitHub с использованием React
В этом проекте вы научитесь создавать тепловую карту календаря в React, которая будет похожа на граф вклада GitHub. Такая тепловая карта календаря может быть эффективным способом визуализации данных активности в течение времени, где интенсивность цвета показывает уровень активности в определенный день. В конце этого проекта вы четко поймете, как интегрировать и использовать тепловую карту календаря в React-приложении.
ReactJavaScriptCSS
Создание игры с пазлом с возможностью перетаскивания на React
В этом проекте мы создадим игру с пазлом с возможностью перетаскивания с использованием React. Это отличный проект для начинающих, чтобы познакомиться с компонентами React, управлением состоянием и обработкой взаимодействий пользователя. В конце проекта у вас будет функциональная игра с пазлом.
ReactJavaScriptCSS
Создание интерактивных компонентов React
В этом проекте вы научитесь создавать простую функциональность показа/скрытия с использованием React. Вы реализуете кнопку, которая переключает видимость изображения на странице.
React
Создание отзывчивой визитной карточки с использованием React
В этом проекте вы научитесь создавать личную визитную карточку с использованием React. Проект включает в себя создание отзывчивого и интерактивного веб-приложения, которое позволяет пользователям вводить свою личную информацию и генерировать персонализированную визитную карточку.
React
Реализация функций навигации в React
В этом проекте вы научитесь реализовывать функции навигации в приложении на React. Вы создадите простое приложение с панелью навигации и страницами, которые можно переключаться по ссылкам.
React
Приложение для фильтрации цветов на React
В этом проекте вы научитесь создавать приложение для фильтрации цветов с использованием React. Приложение позволит пользователям фильтровать список цветов, вводя название искомого цвета. Этот проект поможет вам понять, как работать с управлением состоянием, обработкой событий и условным рендерингом в React.
ReactJavaScript
- Предыдущий
- 1
- 2
- Следующий