Перейти к основному содержимому

React Hooks - Хуки

Состояние приложения#

В этом разделе речь пойдёт о таком крайне важном в настоящее время элементе приложения как состояние. React даёт нам возможность работать с состоянием компонента. Дочерний компонент может узнать об изменении состояния родителя через props. Но как быть, когда компоненты не имеют общего предка? Приложение постоянно получает и посылает данные на сервер, как об этом может знать множество компонентов? Можно ли хранить данные приложения в каком-нибудь централизованном хранилище, чтобы к нему имели доступ желаемые компоненты? Эти и масса похожих вопросов небезосновательны. Они требуют серьёзного рассмотрения, так как неизбежно возникают по мере роста приложения.

В настоящее время требования к одностраничным JavaScript-приложениям становятся все более сложными. В связи с этим наш код как никогда нуждается в наличии состояния, и управлении им. Состояние может включать ответы сервера, кэшированные данные, а также данные, созданные локально, но пока не сохранённые на сервере. Структура состояния тоже становится всё сложнее, поскольку нам необходимо управлять активными маршрутами, выбранными вкладками, спинерами, контролами пагинации и так далее.

Хуки — нововведение в React 16.8, которое позволяет использовать состояние и другие возможности React без написания классов. Это функции, с помощью которых вы можете «подцепиться» к состоянию и методам жизненного цикла React из функциональных компонентов.

caution

Хуки не работают внутри классов — они дают вам возможность использовать React без классов.

Оплата#

Сейчас ты находишся на урезанной версии сайта, после оформления подписки на Patreon, ты получишь полный доступ к обучающему курсу, а также доступ к серетным каналам нашего сервера в Discord.

Качай наше мобильное приложение или пройди тестирование в нашем JavaScript телеграм боте, а также подпишись на наши новости.

Become a Patron!

Sumerian school

Contributors ✨#

Thanks goes to these wonderful people (emoji key):


Dmitriy Vasilev

📖 💵