others2021-12-24
www.youtube.com
Tutorials

Is Remix Run more than just hype? Let’s find out by building out a multi-page Pokemon SPA to show you a bunch of the fundamentals: SSR data loading, Navigation, API Routes, page routes and parameters, and more. Code: https://github.com/jherr/remix-speedrun-pokemon Remix Quickstart: https://remix.run/docs/en/v1/tutorials/blog Remix Philosophy: https://remix.run/docs/en/v1/guides/philosophy 👉 What's my theme? Night Wolf [black] 👉 What's that font? Operator Mono 👉 I'm a host on the React Round Up podcast: https://devchat.tv/podcasts/react-round-up/ 👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ 👉 Discord server signup: https://discord.gg/ddMZFtTDa5 Thank you for watching this video, click the "SUBSCRIBE" button to stay connected with this channel. 00:00 Introduction 00:33 Setup 01:26 Tailwind setup 02:27 Layout configuration 04:12 Setting up Pokemon data 04:50 Creating the index page 06:42 Creating an API route 07:10 useFetcher and Forms 09:10 Implementing a Route 11:33 Adding Breadcrumbs 12:36 How Remix is different 13:15 Remix Actions 14:08 Outroduction #remix #remixRun

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.