چرا از RTK Query برای تماس های API در React استفاده می کنم

بخش RTK Query از آموزش Redux Essentials فوق‌العاده است، اما از آنجایی که بخشی از مجموعه بسیار بزرگ‌تری از اسناد است، احساس می‌کنم گوهری که RTK Query است در حال گم شدن است.

Redux چیست؟

بسیاری از مردم Redux را به عنوان یک کتابخانه مدیریت دولتی در نظر می گیرند که همینطور است. برای آنها، ارزش اصلی Redux این است که امکان دسترسی (و تغییر) وضعیت برنامه را از هر نقطه در برنامه ممکن می کند. این نکته استفاده از چیزی مانند Redux را از دست می دهد، بنابراین بیایید کمی بزرگنمایی کنیم و نگاهی دیگر بیندازیم.

همه ما این نمودار یا چیزی شبیه به آن را دیده ایم:

مشاهده می‌کنید که در این مدل، رابط کاربری مکانی برای نمایش مبلغ فعلی از فروشگاه و دکمه‌هایی دارد که کاربر می‌تواند روی آن کلیک کند تا نشان دهد که می‌خواهد پول واریز یا برداشت کند. به محض اینکه یکی از آن دکمه‌ها کلیک شد، ما به خارج از مؤلفه حرکت می‌کنیم تا عمل را بر اساس آنچه کاربر درخواست کرده است، ارسال کنیم. توجه داشته باشید که در این مرحله، وضعیت تغییر نکرده است. در مرحله بعد، اقدام به فروشگاه می‌رسد و کاهش‌دهنده آن را بررسی می‌کند تا تصمیم بگیرد، در صورت کاری، در مورد درخواست کاربر چه کاری انجام دهد. اگر کاهنده تصمیم بگیرد به درخواست کاربر احترام بگذارد، آن تغییر در حالت سپس به UI منتشر می شود.

ما از این چه چیزی به دست می آوریم؟ خوب، ابتدا تصور می کنیم کاربر 5 دلار در حساب خود دارد و روی «برداشت 10 دلار» کلیک می کند…

Source link