Что такое Render и Commit в React

  Рет қаралды 2,726

Dev Surge

Dev Surge

Жыл бұрын

Показываю процесс отображения компонентов React в браузере:
1. Запуск рендеринга
2. Рендеринг компонента
3. Регистрация в DOM
Статья по уроку: react.dev/learn/render-and-co...
Подпишитесь, чтобы не пропустить выход новых видео. Ставьте лайк, чтобы поддержать канал.
Мои статьи по веб-разработке доступны на devsurge.ru.

Пікірлер: 8
@user-on4lv7lc9k
@user-on4lv7lc9k Ай бұрын
хорошо обьяснил
@bjornaven5942
@bjornaven5942 8 ай бұрын
чувак ты лучший! если сделаешь ещё такие курсы по Router Redux то вообще цены тебе не будет)
@RamaRama-qv3jo
@RamaRama-qv3jo 10 ай бұрын
Спасибо, понятно и наглядно!
@gregdmitriev2784
@gregdmitriev2784 8 ай бұрын
красиво объяснил 👍
@devsurge-official
@devsurge-official 8 ай бұрын
🦄
@renren2145
@renren2145 5 ай бұрын
@8:09 ты говоришь что изменение пропса вызывает реднер. это не так. там в документации ясно написано что изменение состояния родителя! вызывает рендер элементов ребенка. там ничего не написано про пропс. даже на твоей диаграмме @2:00 рендер вызывается двуся смособами - initial и ancestor state update . ничего про update props нет.
@SoniqueChannel
@SoniqueChannel 6 ай бұрын
голос как у ulbi😅
@devsurge-official
@devsurge-official 6 ай бұрын
теперь я знаю, кто это) на самом деле, у нас общий дед по материнской линии
La final estuvo difícil
00:34
Juan De Dios Pantoja
Рет қаралды 28 МЛН
小路飞姐姐居然让路飞小路飞都消失了#海贼王  #路飞
00:47
路飞与唐舞桐
Рет қаралды 95 МЛН
Can you beat this impossible game?
00:13
LOL
Рет қаралды 45 МЛН
Understanding React's UI Rendering Process
29:07
CrossComm, Inc.
Рет қаралды 205 М.
Storybook - Быстрый курс по работе и тестированию с React
37:39
Что значит "чистый компонент" в React
10:07
Learn React Hooks: useCallback - Simply Explained!
17:15
Cosden Solutions
Рет қаралды 70 М.
Почему удалять StrictMode плохая идея?
9:30
АйТи Синяк
Рет қаралды 16 М.
React 09: Условный рендринг
11:15
Школа web-программирования Constcode
Рет қаралды 3,9 М.
10 React Antipatterns to Avoid - Code This, Not That!
8:55
Fireship
Рет қаралды 710 М.
React.JS: создание огромных списков
10:12
La final estuvo difícil
00:34
Juan De Dios Pantoja
Рет қаралды 28 МЛН