NEXT.JS TUTORIAL #34 DYNAMIC IMPORT IN NEXT.JS
Next.js Tutorial #34 dynamic import
In this video , we are going to learn about dynamic import.Next.js supports lazy loading external libraries with import() and React components with next/dynamic. Deferred loading helps improve the initial loading performance by decreasing the amount of JavaScript necessary to render the page. Components or libraries are only imported and included in the JavaScript bundle when they're used.next/dynamic is a composite extension of React.lazy and Suspense, components can delay hydration until the Suspense boundary is resolved.
CHAPTER
0:00 = INTRODUCTION
1:22 = RELATIVE IMPORT
3::09 = DYNAMIC IMPORT WITH EXPORT NAME
4:37 = DYNAMIC IMPORT WITH LOADING
5:34 = DYNAMIC IMPORT WITH CLIENT SIDE RENDERING ( SSR FALSE)
5:56 = DYNAMIC IMPORT WITH EXTERNAL MODULES
#nextjs #nextjs13 #nextjstutorial #DATAHACKS
