Опановуємо React

Зміст курсу

Опановуємо React

Опановуємо React

1. Вступ до Основ React

Що таке React?SPA vs. MPA у Веб Розробці Як React Працює з Віртуальним DOM Знайомство з JSX в React Створення Складних JSX Елементів Рендеринг Елементів у React Челендж: Рендеринг Елемента Компонент React Пропси в React Челендж: Функціональні Компоненти Умовний Рендеринг Челендж: Умовний Рендеринг Контенту Challenge: Implement Conditional Rendering – Bank Alert Рендеринг Набору Даних Челендж: Рендеринг Набору Даних Вступ до Основ React Підсумок Розділу

2. Стилізація в React Додатках

Вступ до Стилізації в React Вбудовані Стилі Вбудовані Стилі на Практиці Челендж: Вбудовані Стилі Стилізація за Допомогою CSS Файлу Стилізація за Допомогою CSS файлу на Практиці Челендж: Стилізація за Допомогою CSS Файлу Стилізація за Допомогою CSS Модулів Організація Структури Файлів та Папок Челендж: CSS Модулі Стилізація в React Підсумок Розділу

3. React Хуки та Контекст

Вступ: React Хуки та Контекст useState Хук Челендж: Перемикання Видимості useRef Хук Челендж: Створення Компонента Форми useEffect Хук Челендж: Отримання та Відображення Даних useMemo Хук Челендж: Фільтрація Списку Автомобілів Контекст Контекст на Практиці Челендж: World of Astronomy Додаток React Хуки та Контекст Підсумок Розділу

4. React в Реальному Світі

Налаштування Середовища Редактор Коду Налаштування Папки Проекту Термінал Початок і Запуск Проекту React з Vite React в Реальному Світі Підсумок Розділу

Челендж: Створення Компонента Форми

Завдання

У цьому завданні вам потрібно створити компонент Form з двома полями вводу: email та password. Мета полягає у використанні хука useRef для посилання на елементи вводу та обробки логіки відправки форми.

Інструкції

Імпортуйте хук useRef з бібліотеки react.
Усередині компонента Form оголосіть дві змінні useRef: emailRef та passwordRef, ініціалізовані null.
Обнуліть поля введення, встановивши їх значення в порожній рядок за допомогою змінних useRef.

To import the necessary hook from the React library, include an import statement.
For this task, we will utilize the useRef hook to store data without affecting the markup.
To determine the appropriate variable name for the ref, choose a word that is associated with the ref and add "Ref" at the end.
To initialize the ref with null, pass null as the initial value in the brackets of the useRef hook (e.g., useRef(null)).
To reset the form input, use the appropriate ref variable and assign its .current.value to an empty string ( "" ).

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 3. Розділ 5

some-alt