Hämtning av komponentdata med Suspense
Vill du lära dig mer och fördjupa dina kunskaper i React? I samarbete med One Agency bjuder vi in till en gratis frukostföreläsning!
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.