Webinar: Hämtning av komponentdata med Suspense

Med: Marc Klefter 

React introducerade nyligen "Concurrent Mode" som experimentell funktionalitet, vilket inkluderar Suspense, en mekanism som låter komponenter vänta på att resurser de är beroende av - typiskt data - hämtas innan de renderas.

Detta möjliggör att komplexa laddningssekvenser och visuella övergångar enkelt kan orkestreras, med förbättrad utvecklar- och användarupplevelse som följd.

Seminariet börjar med en överblick av Concurrent Mode, hur denna kan införas i en applikation och innebörden av "icke-blockerande rendering"; därefter följer en genomgång av vad Suspense är (och inte är) och hur det kan nyttjas för att hämta komponentdata:

• Traditionella strategier för datahämtning (exempelvis hämtning i useEffect) vs mönstret "render-as-you-fetch".

• Koordinera laddningssekvenser med komponenterna <Suspense> och <SuspenseList>.

• Implementera övergångar mellan visuella tillstånd med useTransition.

• Använda Suspense tillsammans med REST API:er och GraphQL.

Suspense väntas bli den etablerade metoden för att styra hämtningen av komponenters resurser inom en snar framtid; denna praktiskt betonade föreläsning kommer förbereda dig inför denna utveckling och hur du bygger robusta och bättre presterande applikationer med React.