Hey Tapas Adhikary, thanks for the great article. I think a small error prevented your example from working for me. You need to return the imported component in importDemo
const importDemo = file =>
return lazy(() =>
import(`./demo/${file}`)
.catch(() => console.log('Error in importing'))
);
can anyone please explain this line to me? Thanks in advance. I am confused that's why.
Promise.all(promise).then(setSelectedDemo);
Ah, there it is.
Been looking for the term opposite to lazy loading, eager loading.
Thanks!
Hi, Do you have the final repo of this tutorial? And what gives Promise.all in the async function?
Loved it! So nicely explained. I wanted to do some tests with the new features like SupenseList and useTransition, although it is still unstable, cause' it seems super powerful. Have you tried it? Thanks for this, really, so helpfull.
Really insightful article, will share this!
Loved it. Bookmarked it. Will re-read over the weekend :)
mahmoud elfeky
Hello Tapas Adhikary thanks for this amazing article,
but i want to ask what if we use lazy loading in all components will it have harmful effect?