Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 2 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

"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 görüntüleme • 1 yıl önce

How to use Framer Motion with Server Components
0:17

How to use Framer Motion with Server Components

Alex Sidorenko

103,285 görüntüleme • 2 yıl önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

Server actions in Next.js execute sequentially
0:15

Server actions in Next.js execute sequentially

Alex Sidorenko

107,012 görüntüleme • 1 yıl önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

Composable caching in Next.js with dynamicIO
0:19

Composable caching in Next.js with dynamicIO

Alex Sidorenko

40,984 görüntüleme • 1 yıl önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 1 yıl önce

Playing with some components generated in Variant
0:12

Playing with some components generated in Variant

Ty Hughey

13,165 görüntüleme • 1 yıl önce

React Server Components and data fetching
0:13

React Server Components and data fetching

Alex Sidorenko

55,957 görüntüleme • 3 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 1 ay önce