Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

asidorenko_'s profile picture

Alex Sidorenko

35,414 subscribers

125,971 görüntüleme • 3 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

Intercepting routes in Next.js 13.3 🤯 You can "intercept" a dynamic navigation to a different page, and display something different instead—for example a product preview. Then, when the page is refreshed or loaded anew, the regular page loads.
0:12

Intercepting routes in Next.js 13.3 🤯 You can "intercept" a dynamic navigation to a different page, and display something different instead—for example a product preview. Then, when the page is refreshed or loaded anew, the regular page loads.

Chris Nicholas

774,814 görüntüleme • 3 yıl önce

Partial rendering in Next.js 13. "Only the route segments that change on navigation re-render on the client, and any shared segments are preserved"
0:12

Partial rendering in Next.js 13. "Only the route segments that change on navigation re-render on the client, and any shared segments are preserved"

Alex Sidorenko

159,372 görüntüleme • 3 yıl önce

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

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

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

Alex Sidorenko

133,389 görüntüleme • 3 yıl önce

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

Today's front page features some wonderful pieces of the first day of the #200tezos event! Discover them below - and feel free to add your personal favorites to the thread! 🧵
0:17

Today's front page features some wonderful pieces of the first day of the #200tezos event! Discover them below - and feel free to add your personal favorites to the thread! 🧵

objkt

17,413 görüntüleme • 3 yıl önce

Feel free to come check out my page. Links in bio! #onlyfans #bodycheck #Florida #Sagittarius #TrendingNow
0:16

Sensitive content

Feel free to come check out my page. Links in bio! #onlyfans #bodycheck #Florida #Sagittarius #TrendingNow

SoaQueen

29,405 görüntüleme • 1 yıl önce

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

💡 Using Next.js's Intercepting Routes can be useful if you want to show a route while keeping the context for the current page! E.g. we can render an overlaying modal on soft navigation and a standalone page on hard navigation, which requires a full page reload:
0:12

💡 Using Next.js's Intercepting Routes can be useful if you want to show a route while keeping the context for the current page! E.g. we can render an overlaying modal on soft navigation and a standalone page on hard navigation, which requires a full page reload:

Lydia Hallie ✨

564,123 görüntüleme • 3 yıl önce

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

one (hacky) way that congress could try to douse the gerrymandering flames without interfering in state redistricting - add some seats to the House (100?) and then mandate that they be awarded at-large by state as leveling seats
0:10

one (hacky) way that congress could try to douse the gerrymandering flames without interfering in state redistricting - add some seats to the House (100?) and then mandate that they be awarded at-large by state as leveling seats

matt mohn

130,137 görüntüleme • 4 ay önce

Say goodbye to the limitations of the History API. Discover the Navigation API and unlock a new era of smooth, dynamic single-page applications. Check it out:
0:10

Say goodbye to the limitations of the History API. Discover the Navigation API and unlock a new era of smooth, dynamic single-page applications. Check it out:

Chrome for Developers

23,347 görüntüleme • 1 yıl önce

LOOK. This is just a regular ol' website. No JavaScript whatsoever. Navigation pages with clicks <a> links to other HTML pages. The most basic website in the world. Yet, with a few lines of code to activate View Transitions, KAPOW.
0:14

LOOK. This is just a regular ol' website. No JavaScript whatsoever. Navigation pages with clicks <a> links to other HTML pages. The most basic website in the world. Yet, with a few lines of code to activate View Transitions, KAPOW.

Chris Coyier

830,514 görüntüleme • 3 yıl önce

The official Hyperliquid stats page now links to the ASXN dashboard!
0:12

The official Hyperliquid stats page now links to the ASXN dashboard!

ASXN

15,130 görüntüleme • 10 ay önce

ADD SHIBARIUM IN 13 SECONDS Just go to: That’s it. You’re in.
0:12

ADD SHIBARIUM IN 13 SECONDS Just go to: That’s it. You’re in.

Shibarium | SHIB.IO

19,270 görüntüleme • 1 yıl önce

We're working on some navigation improvements to The Maze for the next update... 👀 #ChronoGear
0:15

We're working on some navigation improvements to The Maze for the next update... 👀 #ChronoGear

Chrono Gear: Warden of Time ⏳ Out Now!

21,755 görüntüleme • 1 yıl önce

Worked on some dice exercise gifs for a future #PhysEd warm up so I thought I’d share! (Love having visuals for kids to see through the activity!) Feel free to use! Becky Foellmer - cbhpe.org feel free to add these to your site!
0:14

Worked on some dice exercise gifs for a future #PhysEd warm up so I thought I’d share! (Love having visuals for kids to see through the activity!) Feel free to use! Becky Foellmer - cbhpe.org feel free to add these to your site!

PEwithCoachSmith

17,887 görüntüleme • 2 yıl önce

Had some fun this weekend building this calendar widget. It's informed by the guests' timezones. ⌛ Built with the help of framer motion in a Next.js project.
0:12

Had some fun this weekend building this calendar widget. It's informed by the guests' timezones. ⌛ Built with the help of framer motion in a Next.js project.

Mariana Castilho

62,114 görüntüleme • 2 yıl önce

I was about to ship a boring loading state and caught myself. In today's world, there's no excuse not to spend an extra hour to inject some whimsy and fun. I like how this "Newton's Cradle" animation turned out (especially subtle jiggle of the middle shapes).
0:11

I was about to ship a boring loading state and caught myself. In today's world, there's no excuse not to spend an extra hour to inject some whimsy and fun. I like how this "Newton's Cradle" animation turned out (especially subtle jiggle of the middle shapes).

Ben Springwater

21,592 görüntüleme • 5 gün önce

Consent Manager now available! - Built on top of c15t. - Default theme is customized to match shadcn /ui. - Built for Next.js, but easy to adapt to other frameworks. npx shadcn add [@]ncdai/consent-manager Full details in the comments.
0:16

Consent Manager now available! - Built on top of c15t. - Default theme is customized to match shadcn /ui. - Built for Next.js, but easy to adapt to other frameworks. npx shadcn add [@]ncdai/consent-manager Full details in the comments.

Chánh Đại

12,628 görüntüleme • 9 ay önce