Все хуки отрабатывают до монтирования ?

Question

React — русскоговорящее сообщество

Тимур Кандарели

Все хуки отрабатывают до монтирования ?

#frontend #javascript #programming #react.js #russian

0

18.09.2021

18 ответов

14 просмотров

Masterr Y. VYW//

А как он вызывает их в соответствующем порядке? useEffect после маунта. Там есть специальный планировщик Scheduler? Он же отвечает за батчинг обновления стейта

0

18.09.2021

Drew Naumenko

Я думаю тут под капотом что-то вроде паттерна Observer, тоесть когда приходят новые параметры он автоматом перезапускает массив всех функций, подписанные на эти параметры.

0

19.09.2021

Ivan 🧑‍🚀

const fn = () => { a() b() c() } В каком порядке будут вызваны функции? При чем тут шедулер и батчинг?

0

19.09.2021

Ivan 🧑‍🚀

Прочитай те самые две статьи, если интересно, как на самом деле

0

19.09.2021

Ivan 🧑‍🚀

https://kekpek.dev/chat-faq

0

19.09.2021

Drew Naumenko

Он имеет ввиду что-то вроде триггера должно стоять когда сработал render или return, поскольку useEffect отрабатывает после того как компонент отдал вёрстку на рендер.

0

19.09.2021

Ivan 🧑‍🚀

const fn = () => { useState() useEffect() useRef() } fn() В каком порядке будут вызваны функции? При чем тут шедулер и батчинг?

0

19.09.2021

Drew Naumenko

Ну это действительно странно, тоесть получается useEffect срабатывает до того как отрендерился компонент?

0

19.09.2021

rnamod1

Почитай статьи реально

0

19.09.2021

rnamod1

Что ты понимаешь под рендером?

0

19.09.2021

Ivan 🧑‍🚀

Что значит «срабатывает»? Такого термина нет. Вызывается он сразу, как только интерпретатор дошёл до строки, где происходит вызов

0

19.09.2021

Drew Naumenko

Переданная функция useEffectбудет запущена после того, как рендеринг будет зафиксирован на экране. - ну немного неугадал на одну вложеность, useEffect видимо "откладывает" запуск переданного коллбека, а запускает его после того как сработал return

0

19.09.2021

Masterr Y. VYW//

Будут вызваны поочередно, как при вызове обычной js-функции, только дальше Реакт делает свои фокусы под капотом и при выполнении данного компонента получаем в консоли useEffect(() => console.log('1. useEffect'), []) useLayoutEffect(() => console.log('2. useLayoutEffect'), []) useMemo(() => console.log('3. useMemo'), []) 3. useMemo 2. useLayoutEffect 1. useEffect

0

19.09.2021

Ivan 🧑‍🚀

Ну делает и делает, пускай

0

19.09.2021

Masterr Y. VYW//

Кстати, там про HOC и Hooks - очень годная статья https://www.robinwieruch.de/react-hooks-higher-order-components

0

19.09.2021

Илюша 🎂

но ведь memo это хок...