Loading video...

Video Failed to Load

Go Home

How to show an inline loading indicator in Next.js with server components? With "useTransition"

asidorenko_'s profile picture

Alex Sidorenko

35,090 subscribers

133,373 views • 2 years ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

"How to stop refetching certain server components during navigation in Next.js" Move them to layout
0:18

"How to stop refetching certain server components during navigation in Next.js" Move them to layout

Alex Sidorenko

64,566 views • 1 year ago

How to use Framer Motion with Server Components
0:17

How to use Framer Motion with Server Components

Alex Sidorenko

103,285 views • 2 years ago

Testing out inline preview in Figma—still delighted how quickly I can draft ideas with interactive components and instance props.
0:13

Testing out inline preview in Figma—still delighted how quickly I can draft ideas with interactive components and instance props.

Anthony DiSpezio

102,535 views • 3 years ago

React Server Components bring rendering flexibility to the component level in Next.js. Hear from Aurora Scharff at Next.js Conf to learn about: • Async components • Efficient data management • Optimizing load times and interactivity Join us in SF or stream online on Oct 24.
0:12

React Server Components bring rendering flexibility to the component level in Next.js. Hear from Aurora Scharff at Next.js Conf to learn about: • Async components • Efficient data management • Optimizing load times and interactivity Join us in SF or stream online on Oct 24.

Next.js

16,052 views • 1 year ago

Common misconception: Components with "use client" only run in browser Client components still get pre-rendered to the initial HTML on the server (SSR)
0:10

Common misconception: Components with "use client" only run in browser Client components still get pre-rendered to the initial HTML on the server (SSR)

Alex Sidorenko

88,545 views • 2 years ago

Server actions in Next.js execute sequentially
0:15

Server actions in Next.js execute sequentially

Alex Sidorenko

107,012 views • 1 year ago

I spent the weekend upgrading to Next.js App Router. Featuring: ◆ Segment-level caching ◆ Server components ◆ Parallel & intercepting routes ◆ Dynamic OG images + Metadata API Here's what I learned 🧵
0:15

I spent the weekend upgrading to Next.js App Router. Featuring: ◆ Segment-level caching ◆ Server components ◆ Parallel & intercepting routes ◆ Dynamic OG images + Metadata API Here's what I learned 🧵

Steven Tey

83,675 views • 3 years ago

First time loading into a server with a new skin pickup
0:10

First time loading into a server with a new skin pickup

hobshy

189,266 views • 2 years ago

Waku ( provides a minimal API. With it, you can build a client-first app. No need for "use client." All components are client components. Server functions with "use server" can return JSX elements. Check out this working example!
0:12

Waku ( provides a minimal API. With it, you can build a client-first app. No need for "use client." All components are client components. Server functions with "use server" can return JSX elements. Check out this working example!

Daishi Kato

12,793 views • 1 year ago

Composable caching in Next.js with dynamicIO
0:19

Composable caching in Next.js with dynamicIO

Alex Sidorenko

40,984 views • 1 year ago

Loading state visualization for menus, built with bazza/ui Menu ⁽¹⁾ and TANSTACK Query: ⊙ First fetch: default loading spinner ⊙ Re-fetch: show cached data + inline spinner in the input It makes two different states obvious to the user: "We have nothing yet" vs. "here's what we have, but we're checking for updates." ⁽¹⁾ Releasing a preview soon. Hop in to the bazza/ui Discord for access:
0:11

Loading state visualization for menus, built with bazza/ui Menu ⁽¹⁾ and TANSTACK Query: ⊙ First fetch: default loading spinner ⊙ Re-fetch: show cached data + inline spinner in the input It makes two different states obvious to the user: "We have nothing yet" vs. "here's what we have, but we're checking for updates." ⁽¹⁾ Releasing a preview soon. Hop in to the bazza/ui Discord for access:

kian bazza

17,279 views • 4 months ago

How to differentiate page.tsx tabs from Next.js in VS Code?
0:15

How to differentiate page.tsx tabs from Next.js in VS Code?

Alex Sidorenko

153,546 views • 1 year ago

Playing with some components generated in Variant
0:12

Playing with some components generated in Variant

Ty Hughey

13,165 views • 1 year ago

React Server Components and data fetching
0:13

React Server Components and data fetching

Alex Sidorenko

55,957 views • 3 years ago

Introducing NextMaster An open-source ecommerce Next.js template inspired by McMaster-Carr, optimized for performance with over 1 million products. A thread on how I built this with @rhyssullivan and arman 🧵 (video is not sped up)
0:18

Introducing NextMaster An open-source ecommerce Next.js template inspired by McMaster-Carr, optimized for performance with over 1 million products. A thread on how I built this with @rhyssullivan and arman 🧵 (video is not sped up)

Ethan Niser

972,334 views • 1 year ago

The new editor now supports flexible and accessible prompts with different setups: - Load data inline or lazily, with in-browser filtering. - Load and filter data with a remote endpoint. - Configure HTML to show in both the menu and in the editor for each entry. - Insert free editable HTML or standalone editing units (such as a mentions). 👨‍🍳💬
0:14

The new editor now supports flexible and accessible prompts with different setups: - Load data inline or lazily, with in-browser filtering. - Load and filter data with a remote endpoint. - Configure HTML to show in both the menu and in the editor for each entry. - Insert free editable HTML or standalone editing units (such as a mentions). 👨‍🍳💬

Jorge Manrubia

70,507 views • 1 year ago

Join Ryan Magoon at Next.js Conf to hear how PayPal is replacing their checkout with Next.js App Router for: • Faster product velocity • Improved accessibility • Reduced latency • Better UX Just a few tickets left or watch online on Oct 24.
0:12

Join Ryan Magoon at Next.js Conf to hear how PayPal is replacing their checkout with Next.js App Router for: • Faster product velocity • Improved accessibility • Reduced latency • Better UX Just a few tickets left or watch online on Oct 24.

Next.js

67,744 views • 1 year ago

In my latest tutorial, I show you how to create an animated trajectory line with collision support!👍 📹Checkout the video #indiedev #gamedev #indiegame #GodotEngine
0:18

In my latest tutorial, I show you how to create an animated trajectory line with collision support!👍 📹Checkout the video #indiedev #gamedev #indiegame #GodotEngine

MrEliptik - Lexispell is OUT! ✨

67,637 views • 3 years ago

It will take some time to explain how powerful GE-90 engines are but i can show you in 10 seconds video. With istanbulspotterr Not an ad
0:10

It will take some time to explain how powerful GE-90 engines are but i can show you in 10 seconds video. With istanbulspotterr Not an ad

aircraftmaintenancengineer

41,878 views • 1 month ago