Searching IndexedDB in Remix

Learn how to push all the caching strategies explored so far to the max and provide a UI with instant search and navigation 🤩
Play with this demo 👉 remix-movies.pages.dev/
Checkout the code 👉 github.com/remix-run/example-...
00:00 - Search logic overview
02:40 - Search demonstration
05:12 - Optimizing search with IndexedDB
09:35 - Optimized search demonstration
13:11 - Deploying the application
15:38 - Final thoughts
Learn more at remix.run

[@kashnigahbaruda]

Ok, time for an infinite scroll example.

[@Slit1409]

These short remix concept videos, are like crack to me😅 Good job ryan!

[@sbogdaniuk]

Thanks!
This is the really best DOCs for me, when I watch how designer of the product uses his product. Also I can see how Ryan is thinking while coding.
PS: Ryan, I want to buy for you some cubes to learn time, sort of how babies learn things :D fun to watch u struggling with it ))

[@nil7444]

You're killing it...keep going, this is amazing and makes a clear point on how Remix is superior to Next IMHO. I like both, but Remix feels so much native.

[@DEV_XO]

It's so great to see Ryan having this much fun. Also learning a ton from these videos! 💚

[@jamesdenmark1396]

When you need to expire all of this shit, I don't know how this would look like haha :D exactly my thought!

[@willsmith4140]

remix is awesome, and i use it a lot
one thing that always bothers me though is the typesafety with calling actions/loaders, like the /search. Of course you'd want unit tests covering this, but if you moved the /search to /movie-search, you have to remember to change that string where called the fetcher or it's broken.

[@lThePotatoCrew]

Actually epic!

[@dominuskelvin]

This is pretty cool.

[@andresgutgon]

Really cool

[@DrewLytle]

Local first apps in Remix baby!

[@mr.daniish]

Ryan, ily 🫶

[@twitchizle]

Coooool

[@ismail-talb]

awesome....some mysql there .. now we are talking ..

[@codewithnws3544]

I wish I could be like you!

[@osman3404]

When I grow up I wana be a dev just like Ryan and grow his awesome beard too :)

[@josecarloscorreamandujano5109]

Throttle your network 🤘

[@kossboss]

for the max-age thing, you need to know the units. but it looks to be seconds.
60 * 60 * 24 is how many seconds are in a day.
if we just put 60 there it would be 60 seconds which is one minute.
times 60 would give you 60*60=3600 seconds, which is how many seconds are in 1 hour.
times 24 would give you 60*60*24=86400, which is how many seconds are in 1 day.
now of course if max-age is in units of says hours then we just put in 86400 hours which is like 9.8 years lol, so one would need to be sure of the units.

[@tshddx]

When I used Remix a couple of years ago, I seem to remember that a route module could export an array of all the tags that could be prefetched for that route. Is that still a viable alternative to manually prefetching the thumbnail with a new Image()?

[@sergiodxa]

The LinksFunction in a route doesn't receive any argument so any link that depends on data from the loader will not work, but you can use MetaFunction to add prefetch links, however those are not going to be prefetched with