t800zippygod

Тебе скорее надо слушать события onTouchStart, onTouchMove

Если тебе просто нужно получить данные о странице - можно воспользоваться и таким методом. Если же ты хочешь использовать эти данные для динамического изменения адреса страниц и тд - то предпочтительнее пользоваться библиотекой.
Смысл в том, что React - это по сути одна большая абстракция, построенная над домом. Если начать вылезать из абстракции на более низкие уровни - то она начнет протекать. Таким же образом можно и события вешать на addEventListener, но React не рекомендует это делать, так как для обрабатывания событий там имеется готовый инсрументарий

Чувак))) шутка про орган зашла (нет)
Чем по-твоему андроид разработка отличается от любой другой??
То же самое программирование и те же самые алгоритмы. В идеале надо хорошо разбираться в этом вопросе, чтобы знать как под капотом работают те или иные функции/как реализованы структуры данных и тд.
Все это полезно для умения оптимизировать код, находить баги. Ну и вообще хорошее алгоритмическое решение позволяет не сидеть по полчаса над задачей, складывая 1 + 1.
Конечно, почти во всех языках программирования многие сортировки/структуры данных и тд уже встроены по умолчанию. Но опять же, если не хочешь быть шлако-разрабом, умеющим только буковки писать — желательно понимать все происходящее.

Набирайте в интернете KeyboardEvents, вам нужно добавить обработчики событий на нажатие клавиш клавиатуры. И в зависимости от этого писать логику

Если вам надо отразить текст в Html формате — используйте element.innerHTML = text

Такая ошибка может появляться из-за того, что вы передаёте напрямую пропсы из одного компонента в другой. Например, в ваша функция handleAdd при вызове в дочернем компоненте обращается к пропсам родителя. React ругается на такую логику, так как пропсы относятся к внутреннему состоянию каждого компонента и не должны мутироваться извне.
Попробуйте воспользоваться деструктуризацией

Прочитайте сначала хотя бы введение в React. Есть такой очень редкий термин там — пропсы