others2022-12-07
www.youtube.com
Opinionsrender

Code: https://github.com/jherr/react-streaming Original React team example code: https://codesandbox.io/s/kind-sammet-j56ro šŸ‘‰ Practical Module Federation Book: https://module-federation.myshopify.com/products/practical-module-federation šŸ‘‰ No BS TS (The Book): https://no-bs-ts.myshopify.com/ šŸ‘‰ 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 šŸ‘‰ VS Code theme and font? Night Wolf [black] and JETBrains Mono 0:00 Introduction 1:05 Our Example Project 2:43 NextJS 13 Setup 4:26 Non-Streaming Render 6:01 Streaming Render 14:00 Remix Setup 18:22 Streaming Render 23:14 DIY Project Setup 27:06 Adding Client JS 34:06 Streaming Render 37:55 The Big Payoff 41:51 Adding Interactivity 47:24 Outroduction #react #react18 #nextjs13 #nextjs #remix

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.