正在加载视频...

视频加载失败

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

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

Alex Sidorenko

35,322 subscribers

133,417 次观看 • 3 年前 •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,592 次观看 • 1 年前

How to use Framer Motion with Server Components

How to use Framer Motion with Server Components

Alex Sidorenko

103,316 次观看 • 3 年前

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

Here are 5 examples of inline visualizations that Computer can create directly in your thread: 1. Show me how a jet engine works in an inline 3D cutaway.

Here are 5 examples of inline visualizations that Computer can create directly in your thread: 1. Show me how a jet engine works in an inline 3D cutaway.

Computer

103,232 次观看 • 1 个月前

How to show 404 page for dynamic routes in Next.js (App Router)

How to show 404 page for dynamic routes in Next.js (App Router)

Alex Sidorenko

114,944 次观看 • 2 年前

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

"Some navigation links feel unresponsive in Next.js 13." Add a loading state to the page.

"Some navigation links feel unresponsive in Next.js 13." Add a loading state to the page.

Alex Sidorenko

125,971 次观看 • 3 年前

Server actions in Next.js execute sequentially

Server actions in Next.js execute sequentially

Alex Sidorenko

107,015 次观看 • 2 年前

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

Composable caching in Next.js with dynamicIO

Composable caching in Next.js with dynamicIO

Alex Sidorenko

41,029 次观看 • 2 年前

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

First time loading into a server with a new skin pickup

First time loading into a server with a new skin pickup

hobshy

189,429 次观看 • 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 年前

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

How to re-trigger suspense in Next.js 13 when search params change

How to re-trigger suspense in Next.js 13 when search params change

Alex Sidorenko

184,068 次观看 • 3 年前

Building SPA-like experiences with Next.js With 𝚌𝚊𝚌𝚑𝚎𝙲𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜, the data behind a page can persist across navigations, so a revisit skips the loading fallback. Mark the read with '𝚞𝚜𝚎 𝚌𝚊𝚌𝚑𝚎' so its result is cached instead of re-queried on each render. That cache also persists in the browser, so revisiting the page reuses it without hitting the server again. Live demo, source code, and docs below ↓

Building SPA-like experiences with Next.js With 𝚌𝚊𝚌𝚑𝚎𝙲𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜, the data behind a page can persist across navigations, so a revisit skips the loading fallback. Mark the read with '𝚞𝚜𝚎 𝚌𝚊𝚌𝚑𝚎' so its result is cached instead of re-queried on each render. That cache also persists in the browser, so revisiting the page reuses it without hitting the server again. Live demo, source code, and docs below ↓

Aurora Scharff

29,353 次观看 • 3 个月前

Things you can't pass from server to client components:

Things you can't pass from server to client components:

Alex Sidorenko

36,826 次观看 • 1 年前

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

973,783 次观看 • 2 年前