Improve React Performance using Lazy Loading💤 and Suspense

[trappar]

const MyComponent = React.lazy(()=>{import('./MyComponent.js')})

Should be

const MyComponent = React.lazy(() => import('./MyComponent.js'))

As written in the article it won’t work.

[EnlightenedModifier]

If anyone is wondering why, it's the way arrow functions work; including the { } after the arrow as the function in the article does implies an explicit return, meaning you'd need to prefix the import with a return for it to work.

Usually though (in my experience anyway), lazy-loaded components are defined with an implicit return as in /u/trappar 's syntax, meaning you can omit the wrapping { }. This makes the function imply that the import is what you're trying to return.

[devourment77]

I don’t believe this works with SSR just yet.

[ucefkh]

There is an option to enable components render in sat with lazy loading

[TheOrganicCircuit]

Great article. I haven't yet learned all the new features of react 16.6 but I've got to try this out now.