DEV Community 👩‍💻👨‍💻

DEV Community 👩‍💻👨‍💻 is a community of 966,155 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Play Button Pause Button
Sid
Sid

Posted on

React.lazy API in 60 seconds (Code-Splitting with Suspense)

Top comments (13)

Collapse
 
dhilipkmr profile image
Dhilip kumar

Just wow🤓

Collapse
 
thidasapankaja profile image
Thidasa Pankaja Paranavitharana

Hi,
Can this be used for static sites such as Gatsby? Because I just tried with Gatsby and I'm getting build errors.

Collapse
 
siddharthkp profile image
Sid Author

I'm not sure

If you're performing server side rendering with Gatsby, then this wouldn't work (SSR isn't supported yet)

If not, make sure you're on the latest React version

Collapse
 
thidasapankaja profile image
Thidasa Pankaja Paranavitharana

I don't have SSR. Yes. I do have the react latest.
Can't seems to be working. anyway Thanks for the clear introduction :)

Collapse
 
dance2die profile image
Sung M. Kim

You lied! It was 56 second video 😉

That was a great intro to code-splitting with suspense.

Collapse
 
karandikarmihir profile image
Mihir Karandikar

Awesome! But how is this different from Loadable library? Am I missing anything?

Collapse
 
siddharthkp profile image
Sid Author • Edited on

Compared to loadable

Pro: Comes built-in, nicer API
Con: No SSR support yet.

reactjs.org/docs/code-splitting.ht...

Collapse
 
zvakh profile image
Zoryana Vakh

It's great! We need more 1-minute educational resources!

Collapse
 
strahinjalak profile image
Strahinja Laktovic

Concise and on point, very nice !

Collapse
 
sanzhardanybayev profile image
Sanzhar Danybayev

LOL 🤣

Collapse
 
jai_type profile image
Jai Sandhu

Thank you for keeping it to the point, most tutorials you need to skip ahead ten minutes in to understand.

Update Your DEV Experience Level:

Settings

Go to your customization settings to nudge your home feed to show content more relevant to your developer experience level. 🛠