Когда использовать class в react 16.*?

Question

[ch-aqwer]

Добрый день! Подскажите пожалуйста, стоит ли использовать class в react 16. * или лучше их уже избегать? Так как есть всякие хуки плюс уже есть возможность использовать connect с функциональные компонентами возник данный вопрос...
Интересно послушать мнения опытных разработчиков)

Comments

[Шохрух Шаймардонов]

В оф доках пишут что в первую очередь смотрим на хуки, и если никак, то делаем классовые компоненты. А так дело вкуса и команды.

[lloydbanks]

Компонент новый - хуки, компонент на классах - классы

Answer 1

[Alexander Dozmorov]

Можно не избегать, но на хуках оно более чисто и современно получается) единственное, чего не хватает в хуках, это аналог componentDidUpdate, для ситуаций, когда вам необходимо выполнить код всегда, но только не во время монтирования компонента. Это можно обойти через useRef.

const isMountRef = useRef(false);

useEffect(() => {
    if (isMountRef.current) {
      // some code
    }
  }, [someDependencies]);

useEffect(() => {
    // Using for useEffect on didUpdate (not mount)
    isMountRef.current = true;
  }, []);

Comments

[camelCaseVlad]

https://reactjs.org/docs/hooks-effect.html



// Similar to componentDidMount and componentDidUpdate - useEffect

[Alexander Dozmorov]

camelCaseVlad, useEffect отрабатывает всегда, когда меняются его зависимости, а я имею в виду конкретную логику componentDidMount, чтобы что - то выполнилось ТОЛЬКО при монтировании. Для этого в useEffect нужно добавить проверку с реф, как я сказал выше

[camelCaseVlad]

Если передать в юзэффект пустой массив в виде второго аргумента, то данный коллбек будет вызван только после первоначального рендера useEffect(yourCallback, [])

[Alexander Dozmorov]

camelCaseVlad, Прошу прощения, что ввел в заблуждение. Да, конечно я имел ввиду обратную ситуацию, когда необходимо выполнить какой-то код НЕ во время монтирования. Дополнил ответ примером.