React on tour - rail show! 

Som en del av att vi firade 10 år passade vi på att erbjuda gratis React-kunskap. Tillsammans med våra experter David Waller och Marc Klefter besökte vi Malmö, Göteborg och slutligen Stockholm för att ge gratis föreläsningar. 

Tack alla som kom och lyssnade på David Waller och Marc Klefter, och tack för att vi fick komma till er! 

​

​

Hämtning av komponentdata med Suspense

Marc Klefter (45 min)

​

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. 

 

​