مدیریت وضعیت ها در برنامه های React بوسیله Apollo Client and GraphQL

در هسته یک کتابخانه GraphQL سمت خوب مشتری یک حافظه پنهان قرار دارد. حافظه نهان برای بهبود کارآیی بازیابی داده های شما و ارائه تجربه کاربران تمیز بسیار مهم است.
در این دوره ، ما می خواهیم ببینیم که حافظه نهان قدرتمند آپولو به راحتی به حل مشکلات پیچیده UI کمک می کند ، صفحه بندی ، رسیدگی به حالت های بارگذاری و خطا ، به روزرسانی های خوش بینانه و به حداقل رساندن درخواست های شبکه.
ما از اصول اولیه شروع خواهیم کرد و به نحوه انجام پرس و جو و جهش می پردازیم ، اما بعد می بینیم که حافظه پنهان چگونه عقب است بیشتر مزایای فوری آپولو. ما در مورد نحوه عملکرد آن ، نحوه ذخیره داده ها ، و اینکه چگونه می توانیم به صورت دستی آن را به صورت دستی برای سناریوهای پیشرفته اصلاح کنیم ، بررسی خواهیم کرد. برای نوشتن پرس و جوهای GraphQL در مؤلفه های خود که حالت مشتری محلی را در زیر کاپوت بازیابی می کنند - یا حتی می تواند تماس های API REST را ایجاد کند. موارد لبه
- درک کنید که چگونه حالت مشتری را در حافظه نهان آپولو ذخیره کنید و چرا مفید است
- برنامه های طراحی که مقاومت در برابر کند و حتی گاهی اوقات شبکه های آفلاین هستند

عنوان اصلی : Manage State in React Apps with Apollo Client and GraphQL

سرفصل های دوره :

01 نمایش داده های GraphQL را با استفاده از قلاب UseQuery Apollo انجام دهید
02 چرا یک حافظه پنهان GraphQL سمت مشتری دارید؟
03 از خط مشی های واکشی در آپولو استفاده کنید تا با جدیدترین داده ها سریع و تازه نمایش داده های خود را نگه دارید
04 حالت بارگذاری دسته برای نمایش داده های GraphQL شما
05 حالت خطای پرس و جو گرافیکی با استفاده از آپولو
06 از retrylink در آپولو استفاده کنید تا پس از خطا ، نمایش داده شود
07 جهش های GraphQL را با قلاب Usemutation Apollo ایجاد کنید
08 درک کنید که چگونه آپولو داده ها را در حافظه پنهان خود ذخیره می کند
09 هنگام ساخت جهش ، حافظه پنهان محلی را به طور خودکار به روز کنید
10 نمایش داده شد تا اطمینان حاصل شود که همه اشخاص در حافظه نهان آپولو نرمال می شوند
11 حذف موارد را در آپولو با استفاده از reatetchqueries انجام دهید
12 به صورت دستی حافظه نهان را اصلاح کنید تا موارد حذف شده را حذف کنید
13 از به روزرسانی های خوش بینانه برای ساخت UIS استفاده کنید که بلافاصله به اقدامات کاربر واکنش نشان می دهند
14 موارد حذف شده از حافظه نهان آپولو
15 از Fetchmore استفاده کنید و از سیاست های میدانی استفاده کنید تا به صورت پویا موارد بیشتر در یک لیست بارگذاری شود
16 برای پرس و جو از وضعیت مشتری محلی از خط مشی های میدانی "بخوانید" استفاده کنید
17 از Helper Readfield استفاده کنید تا شناسه موارد را در خط مشی های میدانی خوانده شود
18 از متغیرهای واکنشی برای نگه داشتن وضعیت مشتری محلی در حافظه پنهان آپولو استفاده کنید
19 اجرای خط مشی های هدایت شده حافظه پنهان برای جلوگیری از درخواست های آهسته شبکه برای نمایش داده شد
20 با استفاده از Restlink به طور تدریجی از استراحت به GraphQL مهاجرت می کنند
21 با نظرسنجی برای داده های جدید ، نمایش داده شد
22 در به روزرسانی های زنده فوری از سرور خود مشترک شوید
23 به روزرسانی اشتراک گرافیک به نمایش داده های موجود
24 با همگام سازی حافظه نهان آپولو با ذخیره سازی محلی ، زمان راه اندازی سریع برنامه را ارائه دهید