React Учебники
React предлагает структурированный путь обучения для создания современных пользовательских интерфейсов. Наши учебные материалы охватывают компоненты React, управление состоянием и хуки, подходящие как для новичков, так и для опытных фронтенд-разработчиков. Через практические лаборатории и примеры вы получите опыт в создании динамичных и отзывчивых интерфейсов. Наша интерактивная площадка React позволяет вам тестировать функции React и видеть мгновенные результаты.
Ваше первое практическое занятие по React
Привет! Добро пожаловать в LabEx! В этом первом практическом занятии вы научитесь создавать классическую программу 'Hello, World!' на React.
React
Создать приложение для заметок с использованием React
В этом проекте мы создадим простое приложение для заметок с использованием React. Приложение позволит пользователям добавлять, редактировать и удалять заметки. Мы разобьем разработку на несколько этапов, обеспечивая, чтобы каждый этап соответствовал определенным требованиям и добавлял важную функциональность.
JavaScriptReact
Создание веб-приложения для списка желаний на Рождество с использованием React
В этом проекте вы научитесь создавать веб-приложение для списка желаний на Рождество с использованием React. Приложение имеет красивый полноэкранный фон в стиле Рождества и очаровательную анимацию падения снега, создавая праздничное настроение. Пользователи могут добавлять желания на полупрозрачную стену желаний, и каждое желание представлено в виде открытки. Мы будем использовать React для фронтенда и CSS для стилизации и анимаций.
ReactCSS
Создайте Pixel Art Animator с использованием React
В этом проекте мы проведем вас по созданию простого Pixel Art Animator с использованием React. В конце этого руководства у вас будет базовый редактор пиксельного рисунка, где вы сможете нарисовать свое пиксельное изображение и увидеть результирующую анимацию. Этот проект подходит для начинающих и представляет собой веселый способ окунуться в мир React и пиксельного искусства!
ReactCSS
Создание отзывчивой визитной карточки с использованием React
В этом проекте вы научитесь создавать личную визитную карточку с использованием React. Проект включает в себя создание отзывчивого и интерактивного веб-приложения, которое позволяет пользователям вводить свою личную информацию и генерировать персонализированную визитную карточку.
JavaScriptReact
Приложение для фильтрации цветов на React
В этом проекте вы научитесь создавать приложение для фильтрации цветов с использованием React. Приложение позволит пользователям фильтровать список цветов, вводя название искомого цвета. Этот проект поможет вам понять, как работать с управлением состоянием, обработкой событий и условным рендерингом в React.
JavaScriptReact
Реализация функций навигации в React
В этом проекте вы научитесь реализовывать функции навигации в приложении на React. Вы создадите простое приложение с панелью навигации и страницами, которые можно переключаться по ссылкам.
JavaScriptReact
Создание интерактивных компонентов React
В этом проекте вы научитесь создавать простую функциональность показа/скрытия с использованием React. Вы реализуете кнопку, которая переключает видимость изображения на странице.
JavaScriptReact
Реактивная навигация с пользовательским React-хуком
В этом проекте вы научитесь создавать пользовательский React-хук под названием useWindowSize, чтобы получить текущий размер окна и использовать его для условного рендеринга панели навигации в веб-приложении.
JavaScriptReact
Запись разметки с использованием JSX
Добро пожаловать в документацию по React! В этом практическом занятии вы познакомитесь с записью разметки с использованием JSX.
React
Обновление экрана
Добро пожаловать в документацию по React! В этом практическом занятии вы познакомитесь с обновлением экрана.
React
Введение в рендеринг списков в React
Добро пожаловать в документацию по React! В этом практическом занятии (лабораторной работе) вы получите введение в рендеринг списков.
React
Введение в React Hooks
Добро пожаловать в документацию по React! В этом практическом занятии вы познакомитесь с использованием хуков.
React
Создание и вложение компонентов
Добро пожаловать в документацию по React! В этом практическом занятии вы познакомитесь с созданием и вложением компонентов.
React
Условное рендеринг в React
Добро пожаловать в документацию по React! В этом практическом занятии вы познакомитесь с условным рендерингом.
React
Реагирование на события
Добро пожаловать в документацию по React! В этом практическом занятии вы познакомитесь с обработкой событий.
React
Создание компонента карусели на React
В этом лабе мы исследуем, как создать компонент карусели с использованием React. Карусель - это популярный UI-элемент, который позволяет пользователям переключаться между набором изображений или контента. Используя хуки useState() и useEffect(), мы можем построить простую, но функциональную карусель, которая автоматически прокручивает набор элементов.
React
Отложенная загрузка изображений в React
В этом практическом занятии мы изучим, как реализовать отложенную загрузку изображений в приложении на React. Отложенная загрузка улучшает производительность страницы, задерживая загрузку изображений до тех пор, пока они не понадобятся, сокращая время начальной загрузки и улучшая пользовательский опыт. Мы будем использовать API Intersection Observer и React-хуки для создания повторно используемого компонента, поддерживающего отложенную загрузку изображений.
React
- Предыдущий
- 1
- 2
- 3
- 4
- 5
- 6
- Следующий