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
On this page of the site you can watch the video online Rendering в REACT | React Concept with a duration of hours minute second in good quality, which was uploaded by the user Iaroslav Silkin | Front-end 17 April 2024, share the link with friends and acquaintances, this video has already been watched 800 times on youtube and it was liked by 39 viewers. Enjoy your viewing!