Осваиваем React и его хуки - нулевой уровень

Опубликовано: 30 Июль 2021
на канале: Лаборатория Крылевского
48
3

Рассмотрим примитивное приложение на React и хуках useState, useEffect. Сделаем калькулятор времени бега от дистанции (км) и темпа (мин/км) по нажатию кнопки и без неё.

Спасибо, что нас дождались! Ждите серии роликов про минизадачки по React-у.

Можно сразу кодить (без Node.js-а): https://playcode.io/795257/
Итоговый код: https://bitbucket.org/Arhimondus/reac...

useState - хук для сохранения состояния компонента
useEffect - хук, который срабатывает при изменении определённых значений переменных состояния
Деструктуризация массива - синтаксический сахар, вместо
let array = something.getArray();
let firstElement = array[0];
let secondElement = array[1];
сворачиваем это всё в элегантную строчку
let [firstElement, secondElement] = something.getArray();
Т.е. оба варианта по своему смыслу и работе абсолютно идентичны, разве что второй вариант короче.


Смотрите видео Осваиваем React и его хуки - нулевой уровень онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Лаборатория Крылевского 30 Июль 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 48 раз и оно понравилось 3 людям.