Потому что сравнение новых пропсов с предыдущим значением пропсов может стоить дороже перерисовки DOM, насколько я понимаю

Мне из моей практики показалось, что все наоборот
Хорошо верстать умеют считанные единицы

input.setRangeText('tag', input.selectionStart, input.selectionEnd, "end");
Я могу таким методом вставить не просто текст, а обернуть его в тег span например?:

а то я пробовал создать createElement, но не могу вставить

в инпут ты не можешь вставлять теги

Но в примере самые простые компоненты.

я просто не могу понять, этот механизм и React.memo это разные вещи?

https://youtube.com/playlist?list=PLz_dGYmQRrr-g02jHDzuu-6VlOt8-8Uu5
Сам только начал разбираться, этот парень вроде толковыый

react memo - это просто мемоизация компонента на основании пропсов
Одинаковые пропсы - не запускаем ререндер
Реконсилинг даже не начинается

Допустим мемоизация решает проблему до реконсилинг. Но почему без мемоизации базовый механизм допускает ререндер компонента где физический ничего не поменялся. Или рендер происходить там где есть события не зная результат?

Спасибо, гляну, я тоже смотрю видео где объясняют useMemo но никто не обясняет, почему изначально события одного компонента влияет на другие компоненты, хотя там разные стэйты

При изменении стейта компонента, реакт запускает ререндер для всего дерева его дочерних компонентов безусловно
Запускается реконсилинг (пересчет виртуального представления дома), а потом уже эффективно меняется реальный дом

Буду очень благодарен, если кто может разобраться в следуещем. Нужен надежный способ определения того, находится ли  мобильное устройство онлайн (Сhrome, Webview). При этом оно может быть только в wifi сети. Я думал, что достаточно отслеживать события "offline" и "online", но это не срабатывает, если пользователь отдаляется далеко от wifi routera. Было бы очень интересно понять на низком уровне, что в таком случае происходит и почему событие "offline" не диспатчится? И получается остается только вариант делать регулярные (например каждые 5 секунд) запросы (например пустой текстовый файл в assets для этого положить), но как огородить себя от того, что он закешируется где нибудь? Или может лучше делать запросы на backendUrl/рандомное число - т.е. по заведомо не существуещей ссылке и если вернется 404 - то онлайн?

Так по-умолчанию работает реакт.
Функция рендера компонента будет вызвана заново при изменении состояния родителя независимо от передаваемых пропсов

Получается то что говорят, вот происходить 100500 рендеров без useMemo это на уровне Virtual DOM?

Под ререндером имеется ввиду изменения Virtual DOM, да
То есть накладные расходы на вызов вашего компонента как функции (computations)
Для реакта это нормально в большинстве случаев.
Оптимизировать работу с реальным домом в реакте вы не можете и не должны (не имеет смысла).

Спасибо, вот это я хотел и услышать

к стати, тут не дочерние компоненты, они на одном уровне

что значит на одном?

У них обоих изменяются пропсы