پرامپتCC0-1.0 پیشنهاد دیباگ

استخراج هوک سفارشی ری‌اکت

تمیزکردن کامپوننت‌های شلوغ با جداکردن منطق به یک هوک قابل‌اشتراک.

این پرامپت چه کاری می‌کند؟

تمیزکردن کامپوننت‌های شلوغ با جداکردن منطق به یک هوک قابل‌اشتراک.

دانلود react-custom-hook-extract.md ساخت نسخه‌ی اختصاصی ۱۴ دانلود · ۱۶ بازدید

پرکردن متغیرها

این پرامپت جاهای خالی دارد. مقدارها را بنویسید؛ متن نهایی پایین ساخته می‌شود.

متن کامل پرامپت

منطق تکراری این کامپوننت ری‌اکت را به یک هوک سفارشی به نام use[نام] استخراج کن: [کد]. هوک باید state، effect و cleanup را مدیریت کند، مقادیر و توابع لازم را برگرداند و با TypeScript تایپ شود. کامپوننت بازنویسی‌شده را هم بده و بگو هوک در چه شرایطی دوباره رندر می‌کند.

نسخه‌ی انگلیسی (برای مدل‌های تصویر و ویدیو)

Extract the repeated logic in this React component into a custom hook named use[Name]: [code]. The hook should manage state, effects, and cleanup, return the needed values and functions, and be typed with TypeScript. Also give the rewritten component and explain when the hook triggers re-renders.

ساخت نسخه‌ی اختصاصی برای پروژه‌ی شما

مشخصات پروژه را بنویسید؛ به انتهای پرامپت اضافه می‌شود و فایلی می‌گیرید که بدون توضیح اضافه به هوش مصنوعی داده می‌شود. همه‌چیز در مرورگر شما ساخته می‌شود و هیچ داده‌ای به سرور نمی‌رود.

زبان بخش اضافه‌شده
پیش‌نمایش فایل نهایی

پرسش‌های متداول

پرامپت «استخراج هوک سفارشی ری‌اکت» را چطور استفاده کنم؟

دکمه‌ی کپی را بزنید، اگر متغیری دارد در بخش «پرکردن متغیرها» مقدارش را بنویسید و متن را در ChatGPT، Claude، Cursor بچسبانید. برای پاسخ فارسی در انتها اضافه کنید: «به فارسی پاسخ بده».

استفاده از این پرامپت رایگان است؟

بله. این پرامپت از مجموعه‌ی awesome-persian-prompts با مجوز CC0-1.0 گردآوری شده و استفاده‌ی شخصی و تجاری از آن آزاد است.

پرامپت‌ها مرتبط در «فرانت‌اند و رابط کاربری»

همه

Astrologer

مشاور طالع‌بینی
پرامپت

هوش مصنوعی را در نقش طالع‌بین حرفه‌ای قرار می‌دهد که با اصول فنی نجوم احکامی (خانه‌ها، جنبه‌ها، حاکمیت‌ها و سیستم‌های خانه مثل Placidus) تفسیر می‌کند و هر تفسیر را به…

چند حرف از موضوع را بنویسید؛ «میشود» و «می‌شود» یکی حساب می‌شوند.