Discover
others / www.youtube.com2023-12-01

Remixing Toast Notifications (feat. Andre Landgraf)

Andre teaches Brooks how to build a toast notification system in Remix using Cookies. Full Stack Web Development with Remix πŸ‘‰ https://a.co/d/5BmioFi Repo (initial setup) πŸ‘‰ https://github.com/PacktPublishing/Full-Stack-Web-Development-with-Remix/tree/main/15-advanced-session-management/bee-rich/solution Learn more about Andre πŸ‘‰ https://github.com/andrelandgraf 00:00 - Introductions 06:33 - Setting up the project 12:53 - Client-side toast notifications 19:37 - Server-side toast notifications 28:00 - Cookie-driven toast notifications (diagram) 37:15 - Cookie-driven toast notifications (code) 1:10:30 - Progressively enhanced toast notifications 1:15:15 - Concluding thoughts Learn more at https://remix.run

others / www.youtube.com2023-11-22

Roadmap Planning #7

- Public roadmap πŸ‘‰ https://github.com/orgs/remix-run/projects/5/views/1 - RFCs πŸ‘‰ https://github.com/remix-run/remix/discussions/categories/official-rfcs - "Open Development" blog post πŸ‘‰ https://remix.run/blog/open-development 00:00 - Introduction and recap 01:27 - Bundle Shredding 🎸 for Lambda/Serverless Architecture 06:55 - RFC: React Elements and Promises as loader / action data 39:40 - Client Data 47:53 - Remix SPA Target 54:53 - Vite update (Q&A) 57:17 - unstable_parseMultipartFormData (Q&A) 1:00:15 - Middleware (Q&A) Learn more at https://remix.run

others / www.youtube.com2023-11-22

Remix Dev Tools (feat. Alem Tuzlak)

Alem teaches Brooks how to use Remix Forge and the Remix Dev Tools Remix Forge πŸ‘‰ https://marketplace.visualstudio.com/items?itemName=CodeForge.remix-forge Remix Dev Tools πŸ‘‰ https://github.com/Code-Forge-Net/Remix-Dev-Tools Learn more about/sponsor Alem πŸ‘‰ https://github.com/AlemTuzlak 00:00 - Introductions 03:55 - Setting up the project 06:43 - Remix Forge 20:51 - Setting up the Remix Dev Tools 33:37 - Exploring the "Settings" tab 41:47 - Exploring the "Routes" tab 52:13 - Exploring the "Active page" tab 1:11:04 - Exploring the "Errors" tab 1:24:17 - New Vite plugin 1:33:46 - Remix Dev Tools plugins 1:36:19 - Remix Dev Tools enhanced logging 1:41:44 - Final thoughts Learn more at https://remix.run

others / www.youtube.com2023-11-17

Server-Sent Events in Remix (feat. Moishi Netzer)

Moishi Netzer teaches Brooks how to implement server-sent events in Remix! Repo πŸ‘‰ https://github.com/moishinetzer/remix-live-loader Server-sent events docs πŸ‘‰ https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events/Using_server-sent_events Learn more about Moishi πŸ‘‰ https://github.com/moishinetzer 00:00 - Introductions 02:44 - Walkthrough of the app 08:50 - Setting up server-sent events 27:18 - Adding multiple listeners 39:14 - Live Chat 52:40 - Final thoughts Learn more at https://remix.run

others / www.youtube.com2023-11-17

The Remix Philosophy is not Just for Remix | Ken Snyder | Conf42 JavaScript 2023

Read the abstract ➀ https://www.conf42.com/JavaScript_2023_Ken_Snyder_remix_philosophy Other sessions at this event ➀ https://www.conf42.com/js2023 Join Discord ➀ https://discord.gg/DnyHgrC7jC Remix Demo - Shopping List ➀ https://github.com/kensnyder/remix-demo-shopping-list Chapters 0:00 intro 0:22 preamble 0:31 what we'll cover 0:48 about ken 1:27 why should you care? 2:02 let's create a real remix app 13:18 try it on github 13:27 outlet 14:20 more complex forms 16:29 philosophy: embrace server/client model 17:21 bundles 18:13 single page app 18:39 remix app 20:10 server & runtime adapters 20:41 official list 21:23 work with web foundations 21:43 standards 23:09 request, response 23:48 fetch loves requests & response 24:26 headers 25:28 url search params 26:13 traditional react components 27:11 more traditional react page 27:46 ...or just use remix 28:07 work without js 30:11 demo without js 31:15 roadmap and future flags 31:43 roadmap highlights 32:47 future flags 34:08 applying the philosophy outside remix 35:11 we chose a new mindset 36:14 hello shoreline 36:26 thank you