Accessible, Typesafe, Progressively Enhanced Modern Web Forms

Tutorials

others / www.epicweb.dev2023-11-28

Use Client Hints to Eliminate Content Layout Shift

Learn how to eliminate CLS using client hints in the Epic Stack.

others / andrekoenig.de2023-11-27

Enhance User Experience with Real-Time File Upload Progress Updates in Remix | andrekoenig.de

Learn how to implement real-time file upload progress updates to enhance the user experience with Remix. Keep users informed about the progress of their file uploads in real-time for a smoother and more engaging experience.

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 / zerotomastery.io2023-11-17

Learn Remix. Create Better Websites. Get Hired. | Zero To Mastery

Learn Remix from scratch. Take your coding skills & career to the next level by building better websites with the hottest web framework based on React.

others / www.jacobparis.com2023-11-17

Redirecting from a resource route

Use redirect routes to redirect users to the right place. Implement dynamic next/previous buttons. Send users back to onboarding or login pages.

others / www.netlify.com2023-11-03

Remix v2.2 Leverages New Core Netlify Primitives

Hosting your Remix sites and applications on Netlify just got even better thanks to a number of new capabilities in our core platform and updated integrations which unleash the features in the latest version of Remix. Learn how you can use advanced cache control, streaming, custom local dev servers, and more.

others / alemtuzlak.hashnode.dev2023-11-01

Upload Images: Supabase & Remix Integration

Effortlessly upload images using Supabase and Remix; set up, create client-side uploader, and manage server-side uploads with this guide

others / dev.to2023-11-01

Remix com serverless

Nessa postagem vamos aprender como fazer o deploy de uma aplicação Remix no serverless.

others / buildui.com2023-10-31

Ship an app with Remix

Learn this popular React framework by building and deploying your own Work Journal app.

others / alemtuzlak.hashnode.dev2023-10-26

Integration testing Remix apps with Vitest, Typescript & Docker

Master integration testing for Remix apps using Vitest, TypeScript, Docker, and real databases, with adaptable techniques for any JS app like Next.js

others / www.youtube.com2023-10-26

I'll take you through the Remix tutorial - Code Autopilot

The tutorial says 30m, but it took me about 80m, not including editing time. #remix #react * * * Nikos Katsikanis LTD Director/Producer: Visit https://nikoskatsikanis.com for more information. Check out "The Nikos Show" on my main channel: https://www.youtube.com/@NikosKatsikanis

others / sergiodxa.com2023-10-24

How to Upload Images in a Remix Application by sergiodxa

The blog of sergiodxa

others / cycle.io2023-10-20

Containerizing and Deploying a Production Remix App | Cycle.io | The LowOps Container Orchestration Platform

Containerizing and deploying a production Remix application on the LowOps platform Cycle.

others / blog.turso.tech2023-10-20

Creating a multitenant SaaS service with Turso, Remix, and Drizzle - Turso Blog

Building a multitenant SaaS website where each user gets their own Turso database by leveraging Turso’s numerous database offering.

others / echobind.com2023-10-17

Embedding Remix in Directus

In this mad-science experiment, we combine the Directus CMS with the Remix framework in a single package that enjoys the features of both.

others / www.youtube.com2023-10-08

Setting Up Remix JS with Strapi Headless CMS: Quick Start Guide

Setting Up Remix JS with Strapi Headless CMS: Quick Start Guide In this video, we won't be starting from scratch. Instead, we're diving straight into a finished project from a repository. I'll show you how easy it is to get started with Remix JS and Strapi Headless CMS to jump-start your web development project. So if you are looking for a Free completed web site, give this repo a try. 🔍 What's Inside: How to pull a project from a repository. Step-by-step guide to get the project up and running on your system. Overview of the project's main features. Why Try This? 🕒 Save time with a ready-made solution. 🔧 Get a feel for Remix and Strapi by exploring a completed project. 📚 Learn without the hassle of setting things up from the beginning. This video is based on Paul's project. We'll go through a Remix and Strapi combination, giving you a clear idea of how to use and tweak it for your own projects. 📝 Links & Resources: Project Repo: https://github.com/PaulBratslavsky/strapi-remix-starter About Strapi: https://strapi.io About Remix: https://remix.run 🗣 If this video helps you out or if you've got questions, drop a comment below! If you find this useful, give it a thumbs up 👍 and don't forget to SUBSCRIBE for more. Let's make web projects easier together! --------------------------------------------------------------------------------------------------------------------- Check out my other videos. --------------------------------------------------------------------------------------------------------------------- Want to see how I use ChatGPT to study? Check out this video. https://www.youtube.com/watch?v=BxRoPAYMDG8 Javascript vs React how soon should you learn it? https://www.youtube.com/watch?v=w8NCk4qMAAs Check out my story and how I got hired? https://www.youtube.com/watch?v=61P0yKsU8yw Check out my first cringe video here. This was one of my first videos. https://www.youtube.com/watch?v=DjYz8-UwS4o

others / www.jacobparis.com2023-10-08

Server-side pagination with Remix

Use query parameters to implement server-side pagination with Remix. Create a rolling pagination component that shows the current page along with a few pages before and after it, like Google Search.

others / sergiodxa.com2023-10-06

How to Redirect with Search Param in Remix by sergiodxa

The blog of sergiodxa

others / www.youtube.com2023-10-05

Upload e Crop de Imagens com Remix JS e Easy Crop. Uso do Shadcn UI Bun com gerenciado de pacotes.

GitHub Repo: https://github.com/RemixJS-Brasil/remix-upload-cropimage Neste vídeo, mergulhamos em uma jornada de desenvolvimento web emocionante, onde exploramos como realizar o upload e o recorte de imagens com Remix JS e a eficiente biblioteca React Easy Crop. Além disso, vamos dar um toque visual de classe ao nosso projeto, utilizando os componentes do elegante Shadcn UI e otimizar nosso fluxo de trabalho com o gerenciamento de pacotes Bun. Prepare-se para aprender a criar uma experiência de usuário excepcional enquanto aprimoramos nossas habilidades de desenvolvimento web.

others / www.epicweb.dev2023-10-04

Accessible, Typesafe, Progressively Enhanced Modern Web Forms

Learn how to use modern tools that offer the best user and developer experience for web forms.

others / www.bitovi.com2023-09-27

Level Up Your React Game with Remix, Prisma, & Supabase Postgres DB

Ready to supercharge your React app development with Remix? Learn how to create a server-rendered app with the Remix Stacks, Prisma, and Supabase.

others / www.youtube.com2023-09-26

Remix v2 Routes Upgrade

This video is walkthrough of a few strategies you can take to migrate from the Remix v1 to v2 route file naming convention - Migration doc: https://remix.run/docs/en/main/start/v2#file-system-route-convention - @remix-run/v1-route-convention: https://www.npmjs.com/package/@remix-run/v1-route-convention - Plopix script: https://gist.github.com/Plopix/58fc3f3be202d9915c466e71077d36a2 - kiliman's flat routes library also has a migration script: https://github.com/kiliman/remix-flat-routes#-migrating-existing-routes - Simple bash script demonstrated in this video: https://gist.github.com/brookslybrand/53ecbcbad0fb7735aa763106536d4ed2

others / www.jacobparis.com2023-09-26

Build a server-side filter UI with Remix

Create a filter bar that stores its state in the URL. Use the OData query string format to parse and serialize the filters. Create a custom hook to manage the filter state.

others / sergiodxa.com2023-09-26

How to Abort Async Calls Inside Remix Loaders and Actions by sergiodxa

The blog of sergiodxa

others / www.epicweb.dev2023-09-26

Transforming Form Data into Sessions: A Deep Dive into Zod and Conform

Learn how to use Zod and Conform to validate and transform form data into sessions

others2023-10-04

Accessible, Typesafe, Progressively Enhanced Modern Web Forms

www.epicweb.dev

Tutorials

Learn how to use modern tools that offer the best user and developer experience for web forms.

Published on www.epicweb.dev

others / www.epicweb.dev2022-11-03

Full Stack Components

There’s this pattern I’ve been using in my apps that has been really helpful to me and I’d like to share it with you all.

others / www.epicweb.dev2022-10-25

Fully Typed Web Apps

The main thing that makes end-to-end type safety difficult is simple: boundaries. The secret to fully typed web apps is typing the boundaries.

others / www.epicweb.dev2022-10-11

The Web’s Next Transition

Web is made up of technologies that got started over 25 years ago. Now, we are transitioning to a new and improved architecture for building web applications.

others / www.epicweb.dev2023-06-12

Improve UX and Security with Time-based One Time Passwords (TOTPs)

Watch Kent show you the improved user experience, security, and the implementation of Time-based One Time Passwords in the Epic Stack.

others / www.epicweb.dev2023-10-26

Why I Won't Use Next.js

From the perspective of web standards to concerns about increasing complexity, Kent C. Dodds shares his opinions on why he won't use Next.js.

others / www.epicweb.dev2023-09-26

Transforming Form Data into Sessions: A Deep Dive into Zod and Conform

Learn how to use Zod and Conform to validate and transform form data into sessions