Nawa Suspense da React.lazy suke aiki don rarraba lambar?

Question

Accepted Answer

**`React.lazy`** yana jera sarurin JavaScript na haɗin gida **akan buɗewa** (kawai lokacin da zai fara haɓaka). **`Suspense`** yana nuna UI na baje'a yayin da wani haɗi da laya (ko mai dauke-dauke data) ya ci gaba da jera. ```jsx const Chart = React.lazy(() => import("./Chart")); // separate bundle, loaded lazily function Dashboard() { return ( }> {/* shown until Chart's code arrives */} ); } ``` ## Me yasa ya bucci: karamin jiyan anza Ba tare da rarraba lamba ba, browser din zai mayar da saur **duka** aikinka (tare da ingantacciyar gida jarumi) kafin nuni da abin da ya ido. Tare da `lazy`, adadin `Chart` ana rarraba shi zuwa nsa sarari kuma ana jimawa kawai lokacin da mai amfani ya kai gida - inganta lokacin anza da Core Web Vitals. ## Yadda Suspense ta haɗa shi Lokacin da `Chart` ta dakatar (jerin ta bai shirya ba), React ta "dakatar" wannan bangaren zuwa gida ta nuni akusan Suspense `fallback` ciki, sa'an nan ta canja ainihin haɗin gida bayan ya jera. Ƙaura ɗaya zata iya damje da yawancin jarirai masu lary da nuni ɗaya fallback: ```jsx }>

``` ## Bayan rarraba lamba Suspense kuma ta haɗa **jerin bayanai** tare da kafofin aiki/lebaroni da ta "dakatar" akan jeren da ke jira, kuma ta yi jitu tare da **SSR na shakatawa** (Next.js App Router) don isingida bashi sauri da shakatawa sura masu ajiye-ajiye. Sa jimloli da muɗi don girmama mara kusan rasuwa ma'auni lokacin da abun ya kutsua ciki.