Virgool - ویرگول

درخواست های Http متمرکز در Redux

by
https://files.virgool.io/upload/users/24913/posts/vya3omifhlna/mbsogqveobem.png

با استفاده از Thunk middleware می‌توانیم action های Redux رو از object های ساده به متد های هوشمند تبدیل کنیم. یکی از استفاده های معروفی که از این هوشمند سازی میشه, ارسال درخواست‏ های http از طریق action هاست. اگه به نمونه کد زیر نگاه کنیم در کنار مزیت انتقال درخواست ها به این بخش متوجه یه سری معایب هم می‌شویم:

https://files.virgool.io/upload/users/24913/posts/vya3omifhlna/ahlhv5tnnvwc.png

اگه در کل پروژه همین یک درخواست رو داشتیم مشکلی نبود, ولی خب اینجوری نیست! در حقیقت تعداد زیادی درخواست داریم که مثلا بخش پردازش خطا‌های بازگشتی از این درخواست‌ها تقریبا مثل هم انجام میشه, پس بهتره یه کد اصلی برای انجام کلیه درخواست هامون داشته باشیم.

می‌تونیم دوباره با middleware ها مشکلمون رو حل کنیم, مثلا هر بار که خواستیم درخواست http داشته باشیم این action رو dispatch کنیم:

https://files.virgool.io/upload/users/24913/posts/vya3omifhlna/iwiwqk1w37p1.png

و یه middleware داشته باشیم که در صورت dispatch شدن 'API_REQUEST' اطلاعات لازم رو از meta object بگیره و درخواست رو انجام بده:

https://files.virgool.io/upload/users/24913/posts/vya3omifhlna/yucz34n6jizw.png

حالا اگه بخواهیم مثلا baseURL رو هم تغییر بدیم فقط همین قسمت از کد نیاز به تغییر داره یا حتی می‌توانیم loading رو به سادگی به همه درخواست هامون اضافه کنیم:

https://files.virgool.io/upload/users/24913/posts/vya3omifhlna/ucgjq8x5m2be.png

به همین تمیزی! برای اضافه کردن middleware به store از اینجا کمک بگیرین.