Телеграмм чат группы react_ru страница 980

parrot.ru

Рейтинг популярных групп и каналов

В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

React: русскоязычное сообщество

748 membersпожаловаться на группу

2020 March 24

А

Алексей in React: русскоязычное сообщество

Привет, обьясните пж простыми словами разницу между
useEffect и useLayoutEffect

useEffect после отрисовки срабатывает а useLayoutEffect - до отрисовки компонента как метод componentDidMount(). Как правило useEffect - а хватает. useEffect происходит когда Dom уже отрисовался а useLayoutEffect блокирует отрисовку пока все не выполнит

источник

19:04пожаловаться #1

M

Michail in React: русскоязычное сообщество

useEffect после отрисовки срабатывает а useLayoutEffect - до отрисовки компонента как метод componentDidMount(). Как правило useEffect - а хватает. useEffect происходит когда Dom уже отрисовался а useLayoutEffect блокирует отрисовку пока все не выполнит

Тоесть если у меня в useLayoutEffect будут асинхронные действия,
Запрос например, то сначала будем ждать ответ с только потом обновление дома

источник

21:27пожаловаться #2

A

Aleksandr in React: русскоязычное сообщество

Тоесть если у меня в useLayoutEffect будут асинхронные действия,
Запрос например, то сначала будем ждать ответ с только потом обновление дома

да

источник

21:27пожаловаться #3

A

Aleksandr in React: русскоязычное сообщество

Только не обновление, а отрисовка

источник

21:28пожаловаться #4

А

Алексей in React: русскоязычное сообщество

Да отрисовки

источник

21:28пожаловаться #5

M

Michail in React: русскоязычное сообщество

Обновление и отрисовка это две разные вещи?

источник

21:30пожаловаться #6

A

Aleksandr in React: русскоязычное сообщество

Да отрисовки

Вот из доки.
Что же делает useEffect? Используя этот хук, вы говорите React сделать что-то после рендера. React запомнит функцию (то есть «эффект»), которую вы передали и вызовет её после того, как внесёт все изменения в DOM. В этом эффекте мы устанавливаем заголовок документа, но мы также можем выполнить запрос данных или вызвать какой-нибудь императивный API.

источник

21:30пожаловаться #7

M

Michail in React: русскоязычное сообщество

Aleksandr

Вот из доки.
Что же делает useEffect? Используя этот хук, вы говорите React сделать что-то после рендера. React запомнит функцию (то есть «эффект»), которую вы передали и вызовет её после того, как внесёт все изменения в DOM. В этом эффекте мы устанавливаем заголовок документа, но мы также можем выполнить запрос данных или вызвать какой-нибудь императивный API.

Я читал доку и про useEffect и про useLayout

источник

21:31пожаловаться #8

M

Michail in React: русскоязычное сообщество

Но что то путает меня

источник

21:31пожаловаться #9

A

Aleksandr in React: русскоязычное сообщество

Я читал доку и про useEffect и про useLayout

Так я с вами и не спорю

источник

21:31пожаловаться #10

M

Michail in React: русскоязычное сообщество

Тоесть один вызывается когда картинка на жкране обновлена

источник

21:31пожаловаться #11

M

Michail in React: русскоязычное сообщество

А второй когда обновлен дом

источник

21:32пожаловаться #12

M

Michail in React: русскоязычное сообщество

Но картинка нет

источник

21:32пожаловаться #13

A

Aleksandr in React: русскоязычное сообщество

Не

источник

21:32пожаловаться #14

A

Aleksandr in React: русскоязычное сообщество

Не так выразился походу

источник

21:32пожаловаться #15

A

Aleksandr in React: русскоязычное сообщество

UseEffect запускается ассинхронно(типа), т.е. вы отрендирились, реакт говорит, я запускаю UseEffect, но рендер уже есть, при useLayout реакт говорит, так, у себя я все изменения внес, давай выполним твой хук

источник

21:34пожаловаться #16

M

Michail in React: русскоязычное сообщество

Aleksandr

UseEffect запускается ассинхронно(типа), т.е. вы отрендирились, реакт говорит, я запускаю UseEffect, но рендер уже есть, при useLayout реакт говорит, так, у себя я все изменения внес, давай выполним твой хук

Как я понял одно и тоже:)

источник

21:36пожаловаться #17

A

Aleksandr in React: русскоязычное сообщество

Как я понял одно и тоже:)

Смена состояния => Рендер => UseEffect.
Смена состояния => useLayoutEffect => Рендер

источник

21:37пожаловаться #18

M

Michail in React: русскоязычное сообщество

Под Render мы понимаем изменения картинки на экране пользователя, или только Дома

источник

21:38пожаловаться #19

A

Aleksandr in React: русскоязычное сообщество

Картинки на экране

источник

21:38пожаловаться #20