تیم ری‌اکت دارن چیکار میکنن؟ (قسمت دوم)

خب کم‌کم داریم میرسیم به کامیت جذابی که دیروز گفتم دیدم :)
این کامیت مرتبط با همون بحث SuspenseList عه و برای همین ناچارم اول راجب pull request خود SuspenseList مفصل حرف بزنم تا بعد برسیم به کامیت موعود.
خب سباستین دیشب ساعت دهونیم شب به وقت ایران یه مرج‌ریکوئستی زد که گزینه های forwards و backwards رو به گزینه های موجود برای revealOrder اضافه کرد.

فکر می‌کنم از اسمش مشخص باشه که چیکار قراره بکنه. بعنوان مثال نمونه کد زیر رو ببینید:

گزینه forwards برای پراپ revealOrder کامپوننت SuspenseList
گزینه forwards برای پراپ revealOrder کامپوننت SuspenseList

خب اگه فرض کنیم اول از همه کار کامپوننت ThirdSuspendingComponent تموم میشه, با توجه به revealOrder که برابر forwards هست, همه کامپوننت ها همچنان Loading رو نمایش میدن.
حالا اگه FirstSuspendingComponent کارش رو تموم کنه منتظر چیزی نمیمونه و بلافاصله محتواش رو نشون میده, ولی ThirdSuspendingComponent همچنان منتظر SecondSuspendingComponent می‌مونه و به محض تموم شدن کار Second دوتایی باهم محتواشون رو رندر میکنن.

گزینه backwards هم دقیقا برعکس این موضوع رو انجام میده. یعنی هر آیتم برای نمایش داده شدن باید منتظر آیتم های بعد از خودش بمونه.

برای اینکه دقیقا با نحوه کار این مقادیر آشنا بشید حتما دموی زیر رو ببینید (نکته:‌چندبار صفحه رو رفرش کنید تا تفاوت هارو بهتر متوجه بشید)

دمو

https://github.com/facebook/react/pull/15918

http://vrgl.ir/cFW91
http://vrgl.ir/xqSoR


دیگر مقالات من:

http://vrgl.ir/628wV
http://vrgl.ir/7Xs2l
http://vrgl.ir/EmGzx