Reactдаги Хуклар

Ушбу дарсда биз хуклар билан таниша бошлаймиз. Биз аллақачон useState холи хук ишлашни ўрганган пайтимизда, холлар ни ўрганayotganимизда, уларга учраган эдик.

Умуман олганда, хуклар - бу оддий JavaScript-функциялар, исмлари 'use' сўзидан бошланади.

Хуклар бизга синфлардан фойдаланмасдан Reactнинг холлари ва бошқа имкониятларидан фойдаланish имкони беради. Улар турли вазифалар учун кодни қайта ишлатишни осонлаштиради, шунгингдек уни синнаш ва мураккаб компонентларни уларнинг мақсадига кўра оддийрок функцияларга ажратишга ёрдам беради. Айрим хуклар Redux функционаллигини ҳам алмаштира олади. Ҳаммасидан ташқари, хуклар илова ишчилигини яхшилашга ёрдам беради.

Aгар сиз хуклардан фойдаланмоқчи бўлсангиз, у ҳолда иккита асосий қоидага амал қилинг. Биринчи навбатда, уларни фақат юқори даражада ишлатинг - уларни цикл ичида, шартли операторларда ёки ички функцияларда чақирманг. Иккинчидан, хукларни фақат React-функцияларидан (React компонентларидан ёки фойдаланувчи томонидан яратилган хуклардан) чақиринг, лекин оддий JavaScript функцияларидан эмас.

Шунингдек, дастурчилар томонидан қилинадиган хатo, кодда хукларни назоратсиз ишлатишдир. У ёки бу хукдан фойдаланishdan олдин, унинг ҳақиқатан зарурлигига ишонч ҳосил қилинг.

Кейинги дарсда биз хук турларини кўриб чиқамиз.