Frontend with React
🚀 Modern React: Suspense, lazy, Portals and concurrency
Lazy loading with React.lazy and Suspense, rendering outside the tree with Portals, imperative refs with forwardRef, and the concurrent tools (useTransition, useDeferredValue, useId).
What you'll learn
- Apply code splitting by loading components on demand with
React.lazyand<Suspense> - Render modals and tooltips outside the DOM tree with
createPortal - Expose imperative refs with
forwardRefanduseImperativeHandle - Keep the UI fluid with the concurrent hooks
useTransition,useDeferredValueanduseId
Lessons
Code splitting with React.lazy and SuspenseLoading components on demand. Portals: rendering outside the DOM treeModals and tooltips without breaking the layout. Advanced refs and concurrencyforwardRef, useImperativeHandle and concurrent hooks.Practice this module in the app
DevPath is a hands-on course: you read the theory here; in the app you put it into practice with exercises that really run, offline.
Start free in the app →