Rendering в REACT | React Concept

Опубликовано: 17 Апрель 2024
на канале: Iaroslav Silkin | Front-end
800
39

Rendering
Как же React отображает наш говно код в браузере?
Этот процесс называется rendering. React делает это за нас.
Но важно понимать, как это работает, чтобы у нас не возникало ошибок.
Например бесконечный ререндер.

React знает как и где рендерить, благодаря Virtual DOM.

Что такое DOM?
DOM расшифровывается как Document Object Model
Используется в браузере для отображения HTML документов

Процесс рендеринга в React

1) Если состояние нашего приложения меняется, то React обновляет VDOM, который обновляется быстрее реального DOM
2) React diffs
Затем реакт сравнивает, обновленный VDOM с предыдущей версией
3) Reconciliation
Как только React увидел, что изменилось, он использует Reconciliation, для обновления реального DOM.

#reactjs
#react
#javascript
#typescript
#usestate
#useeffect
#frontend
#components
#jsx
#props

Подписывайтесь на телеграмм, будем готовиться к собесам: https://t.me/it_tonylife
Подписывайтесь на boosty: https://boosty.to/maxfri


На этой странице сайта вы можете посмотреть видео онлайн Rendering в REACT | React Concept длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Iaroslav Silkin | Front-end 17 Апрель 2024, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 800 раз и оно понравилось 39 зрителям. Приятного просмотра!