خواندن ۱ دقیقه·۱۳ ساعت پیش

چطور از ارسال ریکوئست‌های اضافی جلوگیری کنیم؟

فرض کنید یک input برای جستجو داریم.

کاربر تایپ میکند

1 - یک ریکوئست ارسال میشود

10 - یک ریکوئست دیگر

1000 - دوباره ریکوئست

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

سؤال:

چطور جلوی ارسال ریکوئست های غیر ضروری را می گیریم؟

maysam ghaysari | میثم قیصری | پرفومنس بالاتر

برای جواب به این سوال چند راه مختلف هستش

1- Debounce

ارسال درخواست فقط بعد از توقف تایپ کاربر مثلا 500).

2- Throttle

محدود کردن تعداد درخواستها در بازه زمانی مشخص.

3- Cancel کردن درخواست قبلی

با استفاده از AbortController یا مکانیزم cancellation در لایبرری های مدیریت داده

4- Race Condition

نمایش فقط نتیجه آخرین درخواست معتبر

(در پست های بعدی کامل توضیح میدهم هر کدام از این جوابها و نحوه استفاده از آنها )

#frontend #webdevelopment #reactjs #nextjs #typescript #javascript #reactquery #softwareengineering #frontenddeveloper #fullstack #programming #coding #debounce #throttle #api #restapi #async #ux #performance #optimization #systemdesign #interviewquestion #techinterview #developerlife #softwarearchitecture #webperformance