Хукі ў React

У гэтым уроке мы пачнем знаёміцца з хукамі. Мы ўжо сустракаліся з імі, калі вывучалі стэйты - там мы навучыліся працаваць з хукам стану useState.

Наогул, хукі - гэта звычайныя JavaScript-функцыі, імёны якіх пачынаюцца са слова 'use'.

Хукі дазваляюць нам выкарыстоўваць стэйты і іншыя магчымасці React без выкарыстання класаў. Яны палягчаюць паўторнае выкарыстанне кода для розных задач, а таксама яго тэставанне і дапамагаюць разбіваць складаныя кампаненты на больш простыя функцыі па іх прызначэнні. Некаторыя хукі нават здольныя замяніць функцыянал Redux. Да ўсяго іншага, хукі дапамагаюць палепшыць прадукцыйнасць прыкладання.

Калі вы хочаце выкарыстоўваць хукі, то прытрымлівайцеся двух асноўных правілаў. Па-першае, выкарыстоўвайце іх толькі на верхнім узроўні - не выклікайце іх унутры цыклаў, умоўных аператараў або ўкладзеных функцый. Па-другое, выклікаць хукі трэба толькі з React-функцый (з React кампанентаў або карыстальніцкіх хукаў), але не з звычайных функцый JavaScript.

Таксама памылкай, якую дапускаюць праграмісты, з'яўляецца бескантрольнае выкарыстанне хукаў у кодзе. Перш чым выкарыстоўваць той ці іншы хук, пераканайцеся, што ён сапраўды неабходны.

У наступным уроке мы разгледзім тыпы хукаў.