Практические лабораторные работы по React

Этот курс содержит множество лабораторных работ по React. Каждая лабораторная работа представляет собой небольшой проект на React с подробными инструкциями и решениями. Вы можете практиковать свои навыки работы с React, улучшить свои навыки программирования и научиться писать чистый и эффективный код, выполняя эти лабораторные работы.

Веб-разработка

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

Программа

Создание повторно используемого вращающегося компонента в React

Создание компонента ссылки для отправки электронной почты в React

Неуправляемый элемент <textarea>

Неуправляемое поле ввода

Неуправляемый ввод диапазона

Динамический компонент списка в React

Динамическая таблица React с примитивными данными

Представление таблицы объектов

Неуправляемый элемент <select>

Автоматическое текстовое связывание

React хук useComponentDidMount

React useComponentWillUnmount Hook

React хук useIsomporphicEffect

React хук useOnGlobalEvent

React-хук useOnWindowResize

Хук React useUnload

React useOnWindowScroll Хук

Создание компонента карусели на React

React хук useEventListener

React useFetch хук

React хук useInterval

React useMediaQuery Хук

React usePortal Hook

React useScript Хук

React useTimeout Hook

React useWindowSize Хук

React хук useClickInside

React хук useClickOutside

Контролируемое поле ввода

Отложенная загрузка изображений в React

Текстовое поле с ограничением количества символов

Текстовое поле с ограничением по количеству слов

Создание повторно используемого компонента Modal в React

React хук useAsync

React useComponentDidUpdate Hook

React хук useCopyToClipboard

React хук useDebounce

React useDefault хук

React useEffectOnce Хук

Хук React useError

React useForm Хук

React хук useGetSet

React useHash Хук

React useLocalStorage Hook

React хук useMergeState

React usePersistedState Hook

React хук usePrevious

React хук useRequestAnimationFrame

React useSearchParam Hook

React useSessionStorage Hook

React useTitle Hook

React useUpdate хук

Область для перетаскивания и вставки файлов

React useHover-хук

React хук useKeyPress

Создание свертывающегося аккордеона в React

Создание закрываемого уведомления (Closable Alert) в React

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

Компонент обратного отсчета времени на React

Создание компонента оценки звезд в React

Повторно используемый компонент переключателя React

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

React useNavigatorOnLine Хук

React хук useToggler

Состояние чекбокса с множественным выбором

Кнопка с эффектом волны (Ripple Effect)

React хук useBodyScrollLock

Хук React useMutationObserver

React хук useDelayedState

Создание повторно используемого компонента вкладок в React

Раскрываемое представление дерева объектов

React хук useIntersectionObserver

React useMap хук

React хук useSet

React useSSR Хук

Введение

Этот комплексный курс «Практические лабораторные работы по React» разработан для того, чтобы помочь вам овладеть основами React, выполняя серию практических проектов. Сосредоточившись на практическом применении, этот курс предоставляет уникальную возможность улучшить свои навыки работы с React и заложить прочный фундамент для создания динамических веб-приложений.

🎯 Задачи

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

  • Настраивать среду разработки React и создавать новый проект на React
  • Поннимать основные концепции React, такие как компоненты, состояние (state) и свойства (props)
  • Реализовывать распространенные шаблоны и лучшие практики React
  • Создавать различные компоненты React, включая функциональные и классовые компоненты
  • Управлять состоянием и потоком данных в приложениях на React
  • Использовать хуки (hooks) React для упрощения управления состоянием и методов жизненного цикла
  • Интегрировать React с другими библиотеками и фреймворками
  • Оптимизировать приложения на React с точки зрения производительности и масштабируемости
  • Реализовывать методы тестирования и отладки проектов на React

🏆 Результаты

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

  • С уверенностью создавать и развертывать веб-приложения на основе React
  • Продемонстрировать глубокое понимание основных принципов и лучших практик React
  • Эффективно использовать хуки (hooks) React для управления состоянием и жизненным циклом в своих приложениях
  • Интегрировать React с другими технологиями и библиотеками для создания сложных, функционально богатых веб-приложений
  • Писать чистый, поддерживаемый и эффективный код на React
  • Диагностировать и исправлять ошибки в приложениях на React с использованием стандартных инструментов и методов отрасли
  • Показать свои навыки работы с React и портфолио проектов потенциальным работодателям или клиентам

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

labby
Labby
Labby is the LabEx teacher.

Рекомендовано для вас

no data