Rendering в REACT | React Concept

Veröffentlicht am: 17 April 2024
auf dem Kanal: 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


Auf dieser Seite können Sie das Online-Video Rendering в REACT | React Concept mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Iaroslav Silkin | Front-end 17 April 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 800 Mal angesehen und es wurde von 39 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!