正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

Alex Sidorenko

35,090 subscribers

133,373 次观看 • 2 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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

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

Alex Sidorenko

64,566 次观看 • 1 年前

How to use Framer Motion with Server Components

How to use Framer Motion with Server Components

Alex Sidorenko

103,285 次观看 • 2 年前

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

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

Anthony DiSpezio

102,535 次观看 • 3 年前

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.

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 次观看 • 1 年前

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

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 次观看 • 2 年前

Server actions in Next.js execute sequentially

Server actions in Next.js execute sequentially

Alex Sidorenko

107,012 次观看 • 1 年前

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 🧵

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 次观看 • 3 年前

First time loading into a server with a new skin pickup

First time loading into a server with a new skin pickup

hobshy

189,266 次观看 • 2 年前

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!

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 次观看 • 1 年前

Composable caching in Next.js with dynamicIO

Composable caching in Next.js with dynamicIO

Alex Sidorenko

40,984 次观看 • 1 年前

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:

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 次观看 • 4 个月前

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

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

Alex Sidorenko

153,546 次观看 • 1 年前

Playing with some components generated in Variant

Playing with some components generated in Variant

Ty Hughey

13,165 次观看 • 1 年前

React Server Components and data fetching

React Server Components and data fetching

Alex Sidorenko

55,957 次观看 • 3 年前

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)

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 次观看 • 1 年前

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). 👨‍🍳💬

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 次观看 • 1 年前

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.

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 次观看 • 1 年前

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

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 次观看 • 3 年前

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

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 次观看 • 1 个月前