- Totalt 0 kr
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.