Варыяцыі хука useEffect у React

У хука useEffect ёсць яшчэ варыяцыі, якія спецыфічныя і вельмі рэдка выкарыстоўваюцца, таму мы спынімся на іх коратка.

Першая варыяцыя - гэта хук useLayoutEffect, які спрацоўвае да таго, як браўзэр перамалюе экран. Гэтую магчымасць вы можаце выкарыстоўваць, каб вылічыць памеры і становішча кампанента ў залежнасці ад іншых элементаў, каб затым пры прамалёўцы браўзэр адлюстраваў яго адразу як і дзе трэба. Дзякуючы гэтаму, напрыклад, карыстальнік не ўбачыць прамежкавых пераскокаў кампанента пры змяненні становішча або памераў, а толькі іх фінальныя версіі.

Другая варыяцыя - гэта хук useInsertionEffect, які спрацоўвае перад якімі-небудзь зменамі DOM дрэва, гэта значыць тады, калі яшчэрэфы не прымацаваны і DOM не абноўлены. Ужываецца ў асноўным там, дзе трэба ўставіць дынамічныя стылі зCSS-in-JS бібліятэк да змены DOM.