React Учебники
React предлагает структурированный путь обучения для создания современных пользовательских интерфейсов. Наши учебные материалы охватывают компоненты React, управление состоянием и хуки, подходящие как для новичков, так и для опытных фронтенд-разработчиков. Через практические лаборатории и примеры вы получите опыт в создании динамичных и отзывчивых интерфейсов. Наша интерактивная площадка React позволяет вам тестировать функции React и видеть мгновенные результаты.
Другие деревья навыков
LinuxDevOpsКибербезопасностьKali LinuxDevOps EngineerCybersecurity EngineerБаза данныхНаука о данныхRed Hat Enterprise LinuxCompTIADockerKubernetesPythonGitShellNmapWiresharkHydraJavaSQLitePostgreSQLMySQLRedisMongoDBGolangC++CJenkinsAnsiblePandasNumPyscikit-learnMatplotlibВеб-разработкаHTMLCSSJavaScript
Списки и ключи в React
В этой лабораторной работе вы научитесь рендерить списки данных в React и узнаете о важности использования ключей для элементов списка.
React
Основы React JSX
В этой лабораторной работе вы изучите основы синтаксиса JSX в React, включая написание элементов, встраивание выражений и использование атрибутов.
React
Основы форм в React
В этой лабораторной работе вы изучите основы работы с формами в React, включая управляемые компоненты, управление состоянием и обработку событий.
React
Обработка событий в React
В этой лабораторной работе вы изучите основы обработки событий в React, таких как клики, путем прикрепления обработчиков событий к элементам JSX и определения соответствующих функций.
React
Условный рендеринг в React
В этой лабораторной работе вы изучите основные методы условного рендеринга в React, включая использование тернарного оператора, логического &&, переменных и состояния для динамического отображения компонентов.
React
Состояние React с использованием хуков
В этой лабораторной работе вы изучите основы управления состоянием компонента в React с помощью хука `useState`, создав простое приложение-счетчик.
React
Введение в компоненты React
В этой лабораторной работе вы изучите основы компонентов React, создав, экспортировав и импортировав простой функциональный компонент.
React
Настройка React и первое приложение
В этой лабораторной работе вы изучите основные шаги по настройке нового проекта React и запуску вашего первого приложения React с помощью Vite.
React
React Props
В этой лабораторной работе вы изучите основы React props, включая передачу данных из родительских в дочерние компоненты, доступ к props, использование деструктуризации и установку значений по умолчанию.
React
Создайте Pixel Art Animator с использованием React
В этом проекте мы проведем вас по созданию простого Pixel Art Animator с использованием React. В конце этого руководства у вас будет базовый редактор пиксельного рисунка, где вы сможете нарисовать свое пиксельное изображение и увидеть результирующую анимацию. Этот проект подходит для начинающих и представляет собой веселый способ окунуться в мир React и пиксельного искусства!
ReactCSS
Создать приложение для заметок с использованием React
В этом проекте мы создадим простое приложение для заметок с использованием React. Приложение позволит пользователям добавлять, редактировать и удалять заметки. Мы разобьем разработку на несколько этапов, обеспечивая, чтобы каждый этап соответствовал определенным требованиям и добавлял важную функциональность.
JavaScriptReact
Создание веб-приложения для списка желаний на Рождество с использованием React
В этом проекте вы научитесь создавать веб-приложение для списка желаний на Рождество с использованием React. Приложение имеет красивый полноэкранный фон в стиле Рождества и очаровательную анимацию падения снега, создавая праздничное настроение. Пользователи могут добавлять желания на полупрозрачную стену желаний, и каждое желание представлено в виде открытки. Мы будем использовать React для фронтенда и CSS для стилизации и анимаций.
ReactCSS
Создание интерактивных компонентов React
В этом проекте вы научитесь создавать простую функциональность показа/скрытия с использованием React. Вы реализуете кнопку, которая переключает видимость изображения на странице.
JavaScriptReact
Создание отзывчивой визитной карточки с использованием React
В этом проекте вы научитесь создавать личную визитную карточку с использованием React. Проект включает в себя создание отзывчивого и интерактивного веб-приложения, которое позволяет пользователям вводить свою личную информацию и генерировать персонализированную визитную карточку.
JavaScriptReact
Реализация функций навигации в React
В этом проекте вы научитесь реализовывать функции навигации в приложении на React. Вы создадите простое приложение с панелью навигации и страницами, которые можно переключаться по ссылкам.
JavaScriptReact
Приложение для фильтрации цветов на React
В этом проекте вы научитесь создавать приложение для фильтрации цветов с использованием React. Приложение позволит пользователям фильтровать список цветов, вводя название искомого цвета. Этот проект поможет вам понять, как работать с управлением состоянием, обработкой событий и условным рендерингом в React.
JavaScriptReact
Реактивная навигация с пользовательским React-хуком
В этом проекте вы научитесь создавать пользовательский React-хук под названием useWindowSize, чтобы получить текущий размер окна и использовать его для условного рендеринга панели навигации в веб-приложении.
JavaScriptReact
Ваше первое практическое занятие по React
Привет! Добро пожаловать в LabEx! В этом первом практическом занятии вы научитесь создавать классическую программу 'Hello, World!' на React.
React
- Предыдущий
- 1
- 2
- Следующий