Prefetching Links in Remix

Optimize your user's experience with instant navigations by prefetching route data.
Play with this demo 👉 remix-movies.pages.dev/
Checkout the code 👉 github.com/remix-run/example-...
00:00 - Navigation without prefetching
01:13 - Prefetching pages on hover & focus
04:14 - Prefetching images
06:46 - How does Remix prefetching work?
Learn more at remix.run

[@fan1ortiz]

I'm amazed about remix way of doing things over other frameworks

[@DrewLytle]

That simple image prefetch logic is a game changer - such great videos!

[@josecarloscorreamandujano5109]

Now I get why Kent put a lot of emphasis on the link tag on his EpicWebDev course. Thanks for this Ryan!

[@nil7444]

Loving ths series! Thanks to the Remix team for your hard work

[@Beyram1501]

Wow, didn't know about that image prefetch, thanks ❤

[@planetmall2]

These are awesome keep it up!

[@ayushgogna9732]

you are amazing keep making more videos and make the web world better

[@pcv-free-as-a-bird]

You guys should release a prefetch for the image in the v3 🙌

[@gustavocadev]

Remix is so awesomee!

[@TheCoding31]

This is, wow!

[@florisbos566]

Loving the videos! :) I was wondering how you are navigating vscode like that without the mouse, is it VimBindings or something else?

[@predaytor]

Wow that Canary release hoist feature. Will we be able to hoist other tags to the head? Like preloading assets for image at the component level?

[@bideshbanerjee5506]

I am damm sure Ryan has searched for those movies in Netflix just after recording the video

[@pcv-free-as-a-bird]

Super cool! For prefetching (render) I would have a question. Are the links downloaded after the initial load with the loader data or at the same time? Would it slow my initial load? Anyone? Thank you

[@nodeguru7663]

I'm curious to know how we can upload files in Remix please make a video.

[@sahilmulla1680]

is there an onPrefetch on Links?

[@taylormonacelli]

focus focus focus :)

[@amansagar4948]

does the `intent` works like `viewport` on mobile? or we've to conditionally do that?

[@Remix-Run]

It does not, intent prefetches when the user hovers or focuses the link. So effectively it doesn't do anything on mobile
remix.run/docs/en/main/components/link#prefetch

[@Callumkloos]

Maybe the biggest character => UX impact in Remix!