React-тағы хуктар

Бұл сабақта біз хуктармен танысамыз. Біз олармен стейттерді зерделеген кезде танысқан болатынбыз - онда біз стейт хукі useState пен жұмыс істеуді үйрендік.

Жалпы, хуктар - бұл кәдімгі JavaScript-функциялары, олардың атаулары 'use' сөзінен басталады.

Хуктар бізге классларды қолданбай-ақ стейттер мен React-тің басқа да мүмкіндіктерін пайдалануға мүмкіндік береді. Олар әртүрлі мәселелер үшін кодты қайта пайдалануды жеңілдетеді, сонымен қатар оны сынауды жеңілдетеді және күрделі компоненттерді олардың мақсаты бойынша қарапайым функцияларға бөлуге көмектеседі. Кейбір хуктар тіпті Redux-тің функционалын алмастыра алады. Сонымен қатар, хуктар қолданбаның өнімділігін жақсартуға көмектеседі.

Егер сіз хуктарды пайдаланғыңыз келсе, онда екі негізгі ережені сақтаңыз. Біріншіден, оларды тек жоғарғы деңгейде пайдаланыңыз - оларды циклдар ішінде, шартты операторларда немесе ішкі функцияларда қолданбаңыз. Екіншіден, хуктарды тек React-функцияларынан шақыру керек (React компоненттерінен немесе пайдаланушының өз хуктарынан), бірақ кәдімгі JavaScript функцияларынан емес.

Сондай-ақ, бағдарламашылардың жіберетін қатесі - кодта хуктарды бақылаусыз пайдалану. Осы немесе басқа хукті пайдаланбас бұрын, оның шынымен қажет екеніне көз жеткізіңіз.

Келесі сабақта біз хуктардың түрлерін қарастырамыз.