هوک‌های سفارشی (Hooks)

بخشی از دوره ری‌اکت

یک کشو نوشتید که باز و بسته می‌شود. سه خط useState و یک هندلر که یک مقدار بولین را برعکس می‌کند. بعد همین را برای یک دراپ‌داون نوشتید، بعد برای یک مودال، بعد برای یک لینک «بیشتر ببینید». حالا چهار کامپوننت همان شش خط را تکرار کرده‌اند، و روزی که تصمیم بگیرید این باز و بسته شدن باید آخرین حالتش را هم به خاطر بسپارد، باید هر چهار تا را دست بزنید و به احتمال زیاد یکی از قلم می‌افتد.

هوک سفارشی راه‌حل همین مسئله است و خیلی ساده‌تر از چیزی است که اسمش نشان می‌دهد. یک تابع معمولی جاوااسکریپت است که اسمش با use شروع می‌شود و داخلش هوک‌های خود React را صدا می‌زند. تعریفش همین‌قدر است. نه سینتکس خاصی دارد، نه لازم است جایی ثبتش کنید، نه چیزی از React باید import کنید تا یکی بسازید.