others2024-01-08
www.youtube.com
Tutorials

In this video we go over view transitions in Remix.run, how they work, what you can do with them and we go in depth on granular image transitions between pages. The github repo for the video project: https://github.com/AlemTuzlak/remix-view-transition-pokemon If you wish to support the channel consider subscribing for more content. Twitter: https://twitter.com/AlemTuzlak59192 Github: https://github.com/AlemTuzlak Blog: https://alemtuzlak.hashnode.dev/ Timeline: 00:00 - Intro 00:22 - View transition demo 01:45 - View transitions API in depth explanation 05:01 - Project setup for view transitions in Remix 06:10 - View transitions in 1 LOC 07:52 - Main page with view transitions 08:39 - Granular image transitions with custom names 10:00 - How do granular transitions work in Remix 13:32 - Viewing our granular view transitions 14:25 - Even more granular transitions!! 17:07 - Final demo 17:47 - Outro

Published on www.youtube.com

others / www.youtube.com2022-01-11

How to Debug Remix loaders and actions in VS Code

This video shows how to configure VS Code to debug your Remix loaders and actions. NOTE: You can now use the `debugger` statement instead of the external `debug()` function. I tried this before, but it didn't work. Not sure why it works now. You still can't set a breakpoint inside a route module, but you can add `debugger` statement and it will break there. You can then step through your code. I will be re-recording this video with this new info. Get the launch configuration here: https://rmx.fyi/debug

others / www.youtube.com2021-12-24

Remix Run - Introduction to HTTP Caching

HTTP Caching is a web fundamental every web developer should eventually learn. The quickest way to a slow website is to not understand caching and ofc, the best way to make your website fast is to take advantage of it. In this video we'll explain the basics of HTTP caching, how web browsers respond to it, and how CDNs take advantage of it, by building a bare-bones Node.js server and then quickly see how to specify caching headers in a Remix App.