正在加载视频...

视频加载失败

返回首页

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

asidorenko_'s profile picture

Alex Sidorenko

35,015 subscribers

133,389 次观看 • 3 年前 •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

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

How to use Framer Motion with Server Components
0:17

How to use Framer Motion with Server Components

Alex Sidorenko

103,313 次观看 • 2 年前

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

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

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

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

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

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

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

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

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

Alex Sidorenko

184,068 次观看 • 2 年前

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 ↓
0:12

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,082 次观看 • 2 个月前

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

973,095 次观看 • 1 年前

Designing with Framer agents is one thing, but the components you can build with it are insane. Fully-fledged, interactive components, built in literal minutes. 🤌
0:13

Designing with Framer agents is one thing, but the components you can build with it are insane. Fully-fledged, interactive components, built in literal minutes. 🤌

Hamza Ehsan

13,191 次观看 • 2 个月前

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 - Wishlist O.B.O.L 💀

67,644 次观看 • 3 年前