Next.js 13 Crash Course Tutorial #10 - Loading UI & Suspense

➡️ Use promo code NEXTNINJA50 for 50% off!

📂🥷🏼 Access the course files on GitHub:

📂🥷🏼 CSS File from course files:

💻🥷🏼 React Tutorial:

[TheDuppyman]

Best tutorial I have found so far. All I needed was the basics, get data, display data, links and forms. Not some ridiculous complex app where I spend more time copy typing than learning.

[Azro-gw]

this morning the penny finally dropped for me after 3 days of my brain constantly spinning trying to wrap my head around this. I get it all now this is awesome !! Thanks Ninja ❤🎉

[papa_ethan]

If you have loading.jsx in your 'tickets' folder, by convention, I think <Suspense/> boundary from react is not needed.

Also you have to put your tickets' nav inside the layout.jsx file convention which must be under 'tickets' folder, same way with the layout.jsx file under the App folder.

Like what you said converntion over configuration.

But of course these tutorial videos of yours helped me. Thank you.

[meka]

Very easy to follow and concise! Thank you

[rico]

Isn’t working for me :/ im trying to wrap {children} but my loader icon doesn’t show up

[amraromoro]

As top as always thanks man very useful.

[osoningliztili]

thank you very much, lessons are useful

[ajayrathod]

loading.js file work for client component too?

[jinshin.]

After the loading ( 3s ), the component for ticketlist did not rendered.

why is that ?

[Daniel-ivi]

What plugin are you using for the Tailwind CSS JSX shortcut?

[ToadyEN]

What about people who paid for this course?

[adamleviton]

I have a situation where my "TicketList.jx" is a client component with a non-async function. And loading.js doesn't seem to appear in this case. Any advice on how to make this work?

[SomoeBlog]

terrible tutorial, assuming the component never re-render lol not particle in real world at all.