ادی ام. عاشق جاوااسکریپت و فعال ریاکت. علاقه به R&D دارم و اینجا از چیزایی که برام جالبن میگم. اگه هروقت هرکمکی از دستم برمیومد بهم بگید 3>
تیم ریاکت دارن چیکار میکنن؟ (قسمت دوم)
خب کمکم داریم میرسیم به کامیت جذابی که دیروز گفتم دیدم :)
این کامیت مرتبط با همون بحث SuspenseList عه و برای همین ناچارم اول راجب pull request خود SuspenseList مفصل حرف بزنم تا بعد برسیم به کامیت موعود.
خب سباستین دیشب ساعت دهونیم شب به وقت ایران یه مرجریکوئستی زد که گزینه های forwards و backwards رو به گزینه های موجود برای revealOrder اضافه کرد.
فکر میکنم از اسمش مشخص باشه که چیکار قراره بکنه. بعنوان مثال نمونه کد زیر رو ببینید:
خب اگه فرض کنیم اول از همه کار کامپوننت ThirdSuspendingComponent تموم میشه, با توجه به revealOrder که برابر forwards هست, همه کامپوننت ها همچنان Loading رو نمایش میدن.
حالا اگه FirstSuspendingComponent کارش رو تموم کنه منتظر چیزی نمیمونه و بلافاصله محتواش رو نشون میده, ولی ThirdSuspendingComponent همچنان منتظر SecondSuspendingComponent میمونه و به محض تموم شدن کار Second دوتایی باهم محتواشون رو رندر میکنن.
گزینه backwards هم دقیقا برعکس این موضوع رو انجام میده. یعنی هر آیتم برای نمایش داده شدن باید منتظر آیتم های بعد از خودش بمونه.
برای اینکه دقیقا با نحوه کار این مقادیر آشنا بشید حتما دموی زیر رو ببینید (نکته:چندبار صفحه رو رفرش کنید تا تفاوت هارو بهتر متوجه بشید)
https://github.com/facebook/react/pull/15918
دیگر مقالات من:
مطلبی دیگر از این انتشارات
برسی دقیق و کامل چرخهی حیات(Lifecycle) در ریاکت
مطلبی دیگر از این انتشارات
استفاده از context api یا Redux (به دور از تعصب)
مطلبی دیگر از این انتشارات
How to paginate in React/Redux like a hero