VueMastery – Querying with GraphQL 2023-6

در تاریخ: 1402/08/22 9:54:46

توضیحات

دوره Querying with GraphQL . در استفاده از API های REST سنتی مشکلی وجود دارد: ما همیشه پاسخ سرور یکسانی را برای یک نقطه پایانی معین دریافت می کنیم. این عدم انعطاف‌پذیری می‌تواند به دو مسئله به همان اندازه آزاردهنده منجر شود:

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

آیا در عوض اگر بتوانیم پاسخی را که می‌گیریم با درخواستی که می‌کنیم شکل دهیم و فقط آنچه را که نیاز داریم، در زمانی که به آن نیاز داریم، بیاوریم، عالی نیست؟ خوشبختانه این امر با GraphQL امکان پذیر است، روشی مدرن برای ساخت و پرس و جو از API ها. در دوره Vue Mastery’s GraphQL، ما با هم یک برنامه Vue + GraphQL ایجاد خواهیم کرد تا اعتماد به نفس استفاده از این ابزار قدرتمند و مدرن را به دست آوریم. به طور خلاصه، GraphQL یک نحو است که نحوه درخواست داده را توضیح می دهد و عموماً برای بارگیری داده ها از سرور استفاده می شود. یکی از ویژگی های اصلی و بزرگترین مزایای GraphQL این است که شما فقط داده هایی را که درخواست کرده اید دریافت می کنید. برخلاف REST API که شکل پاسخ تماس API روی سرور تعریف می‌شود، با GraphQL این کار در سمت کلاینت انجام می‌شود. این به ما امکان می‌دهد به جای برقراری تماس‌های بعدی REST API، یک درخواست واحد برای واکشی همه اطلاعات مورد نیاز و هیچ چیز دیگری ارائه کنیم. برای درک بهتر این تفاوت، بیایید به مثالی نگاه کنیم که در آن واکشی داده از GitHub را با استفاده از هر دو API REST و GraphQL مقایسه می کنیم.

اکنون که ما شروع به درک این موضوع می کنیم که چگونه GraphQL یک توانایی منحصر به فرد برای پرس و جو از داده های ما ارائه می دهد، چگونه با آن در فرانت اند کار کنیم؟ می‌توانیم از درخواست‌های POST استفاده کنیم، اما استفاده از یکی از کلاینت‌های GraphQL راحت‌تر است. در این دوره، ما بر روی Apollo Client و ادغام Vue آن تمرکز خواهیم کرد : VueApollo . ما یاد خواهیم گرفت که چگونه داده ها را روی سرور واکشی و تغییر دهیم، چگونه با اشتراک های بلادرنگ کار کنیم، و حتی یاد می گیریم که چگونه می توانید ابزار مدیریت محلی محلی خود مانند Vuex را با حافظه پنهان Apollo Client داخلی جایگزین کنید. برای استفاده حداکثری از این دوره، به درک کاملی از خود Vue و Vue CLI و همچنین درک اساسی از Composition API نیاز دارید. بنابراین اگر آماده هستید که با اتصال GraphQL به برنامه های Vue خود احساس اطمینان کنید، در درس بعدی شما را می بینم.