NextJS Loading UI & How React Streaming and Suspense works | App Router | loading.js
Learn how to use loading UI in Nextjs and how React streaming with suspense works.
0:00 Intro
0:40 how to use loading.js
3:05 Behind the scene
3:35 How react streaming with suspense works
11:10 Show loader while navigating to a page
14:00 Nested suspense component
17:35 Outro
Contacts:
Email: [email protected]
Portfolio: https://thatanjan.vercel.app/
Blog: https://cules-coding.vercel.app/
Linkedin: / thatanjan
Github: https://github.com/thatanjan/
Twitter: / thatanjan
Blogs you might want to read:
Eslint, prettier setup with TypeScript and react: https://www.culescoding.vercel.app/bl...
What is Client-Side Rendering?: https://www.culescoding.vercel.app/bl...
What is Server Side Rendering?: https://www.culescoding.vercel.app/bl...
Everything you need to know about tree data structure: https://www.culescoding.vercel.app/bl...
13 reasons why you should use Nextjs: https://www.culescoding.vercel.app/bl...
Videos you might want to watch:
Setup Eslint Prettier with Typescript and React -Nextjs, Create React App: • Setup Eslint Prettier with Typescript...
Setup and deploy fullstack application on Vercel and Render: • How to setup and deploy fullstack(MER...
Auth0 basics with Next.JS: • Auth0 basics with Next.JS | Add Googl...
Upload images from React and Node: • How to upload images from React with ...
Chakra-UI crash course: • Chakra UI crash course | React UI Fra...
Next auth crash course: • Next Auth Basics tutorial | Add Googl...
Build a small search engine with MongoDB: • Build a blog using #JAMstack #5 - Bu...
Playlists you might like:
Next.Js tutorials: • Nextjs tutorials
Build a blog using JAMstack: • Build a blog using JAMstack #1 - Intr...
Quick tricks: • Access COOKIES in NextJS from server ...
Crash course: • Redux toolkit crash course. Everythin...
How-to videos: • Setup Eslint Prettier with Typescript...
Clone Blue Origin Landing Page: • Blue Origin Landing page clone
Stay safe and good bye.