Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

How to show inline loading indicator when updating search params in Next.js (App Router)

61,834 Aufrufe • vor 1 Jahr •via X (Twitter)

9 Kommentare

Profilbild von Dan Skiba
Dan Skibavor 1 Jahr

I prefer progress bar at the top of a page and for that reason I've created lil hooks demo:

Profilbild von Ollie Martynov
Ollie Martynovvor 1 Jahr

Ah yes. The good old transitions api

Profilbild von Tomas Jansson
Tomas Janssonvor 1 Jahr

An even more general approach would be to wrap link and add a (discrete) loading indicator for all navigations. Very nice though! It is so nice to see how you communicate simple examples!

Profilbild von marcog🧉
marcog🧉vor 1 Jahr

useTransition is a native hook from react?

Profilbild von Coding With Mr.M
Coding With Mr.Mvor 1 Jahr

Nice , but just to add if we use @tan_stack then we no need to use that, we can just use the mutation.isLoading

Profilbild von Matt
Mattvor 1 Jahr

Man this is gold I didn’t know u could do this 🤯

Profilbild von Kiran
Kiranvor 1 Jahr

Nice, i'm using the same but with nuqs to update the search params.

Profilbild von elsie
elsievor 1 Jahr

hi Alex, how to display tailwind icon when we short the line of code ?

Profilbild von Umair Ali
Umair Alivor 1 Jahr

If we want the same on pages route?

Ähnliche Videos