Use React.lazy and Suspense to Code-Split Your App
React v16.6.0 added two really interesting features: React.lazy and the Suspense component. With their powers combined they let you create easy and powerful code-split applications, with a UX that will leave all your users begging you to code split more of your application! This video explains Why you should care about code-splitting What the async import() function is How to use React.lazy and Suspense LIVE CODING Have a watch! SOURCE CODE https://codesandbox.io/s/21vrnxyy3j --- HOMEPAGE https://hswolff.com/ TWITTER / hswolff YOUTUBE / hswolff
▶︎
React Hooks: Advanced Hooks
▶︎
Unfortunately, I Was Right
▶︎
React Memo | useMemo | useCallback - Optimize Performance of your React Applications
▶︎
Why Aliens Would NEVER Invade Africa
▶︎
10 React Hooks Explained // Plus Build your own from Scratch
▶︎
I Think They Are Lying To You
▶︎
Ex-Google Recruiter Explains Why "Lying" Gets You Hired
▶︎
Speed Up Your React Apps With Code Splitting
▶︎
Why I Love useReducer
▶︎
What is React Suspense? (including Suspense for Data Fetching)
▶︎
Code Splitting in React Using Lazy and Suspense | Code Splitting Made Easy
▶︎
Something is jamming GPS over Europe. Here's what we found
▶︎
This is why more and more projects are leaving GitHub!
▶︎
React Lazy Load Code to Load Faster | React Code Splitting Tutorial
▶︎
I turned an old van into a 2-STORY tiny house
▶︎
How to Improve Performance in React with Code Splitting
▶︎
Write Clean Code with React Suspense | React Error Boundaries Explained
▶︎
Optimize Performance In React.js With Lazy Loading
▶︎
Why AI Agents are either the best or worst thing we’ve ever built
▶︎