React более безопасен, чем другие библиотеки или фреймворки JS 🙈. Также мы знаем, что React использует Virtual DOM вместо Real DOM, но некоторое время мы не знаем, в чем преимущество Virtual DOM. Зачем React создает виртуальную модель DOM. В Интернете есть еще много интересных фактов о React Virtual DOM. Сегодня я покажу вам реальный пример из одного из них. Почему React более безопасен, чем другие библиотеки JS? Да, это из-за Virtual DOM. 😎
Итак, давайте обсудим обработку событий. Обработка событий - это самая интересная вещь в Javascript, и я не думаю, что какой-либо веб-сайт так далеко продвинется без нее.
Кроме того, проверка событий - самая важная вещь, когда мы, ребята, работаем с событиями. Подтверждение событий 😶 Например, перед отправкой любой формы мы проверяем действительность формы или проверяем включение / отключение элемента Кнопки.
Проверять действительность события изнутри его функции обратного вызова утомительно, но ДА, мы, ребята, делаем это. Потому что мы опасаемся, если какой-либо пользователь будет манипулировать DOM из консоли браузера 🎭, чем 😣 наши события будут срабатывать. Поэтому мы перепроверяем валидацию. Но если вы используете React, не нужно перепроверять или беспокоиться о манипуляциях с DOM.
Я могу показать вам случай, когда я удалил атрибут disabled из элемента, и событие сработает. Это реальный случай DOM.
Проверить Live: https://codesandbox.io/s/unruffled-swartz-0hqg1
Теперь я сделаю то же самое в React.
Проверить Live: https://codesandbox.io/s/kind-curran-x05c2
Ой! Ооо !! 😳 В этом сила Virtual DOM. Не нужно перепроверять, отключена ли кнопка.
Все дело в том, что если кто-то манипулирует DOM вручную, это не повлияет на React Virtual DOM. Итак, окончательный вывод: React проверяет виртуальную модель DOM всякий раз, когда запускается какое-либо событие SyntheticEvent.
Удачного кодирования 🙏
