Moulton (Remix Community Newsletter) (@readmoulton) 's Twitter Profile
Moulton (Remix Community Newsletter)

@readmoulton

A @remix_run newsletter, curated by @jacobmparis.

I tweet highlights from the newsletter, once a day

ID: 1467002455716212738

linkhttps://www.readmoulton.com calendar_today04-12-2021 05:27:04

169 Tweet

533 Takipçi

30 Takip Edilen

Moulton (Remix Community Newsletter) (@readmoulton) 's Twitter Profile Photo

📄 Redirect routes are resource routes that just send the user to another page - Use :id/next to look up the next existing ID and redirect the user there - Use a /triage route to check a user's auth/account status and send them to the right setup page jacobparis.com/content/remix-…

Moulton (Remix Community Newsletter) (@readmoulton) 's Twitter Profile Photo

January's issue just went out featuring Edmund Hung's Conform, my favorite form library - Server-side validation BEFORE submission - Zod validation for both client and server - Nested objects and arrays in formData - Applies input props based on schema github.com/edmundhung/con…

Moulton (Remix Community Newsletter) (@readmoulton) 's Twitter Profile Photo

Unpic (by Matt Kane 🦋 @mk.gg) provides a React component that works with image CDNs to create responsive img tags - full srcset with all image sizes - modern formats like AVIF and WebP - supports most CMSs and services like Shopify, Cloudinary, and Unsplash unpic.pics/blog/responsiv…

Moulton (Remix Community Newsletter) (@readmoulton) 's Twitter Profile Photo

At Remix Vienna, @AlemTuzlak59192 gave a talk on how Remix Developer Tools creates an amazing developer experience when building and debugging apps in Remix youtu.be/mE-t2p2Cf8A?si…

Moulton (Remix Community Newsletter) (@readmoulton) 's Twitter Profile Photo

Three ways to render dates locally without breaking SSR by Fatih Altınok - inject a script to format dates locally before React touches it - use client hints to pass the user's locale info to the server - just suppress the hydration warning blog.6nok.org/server-side-re…

Moulton (Remix Community Newsletter) (@readmoulton) 's Twitter Profile Photo

In this article Sergio Xalambrí shows a copy/pastable set of routes to show a list of items, a single item detail view, as well as two resource routes for editing and deleting items. sergiodxa.com/tutorials/crea…

Moulton (Remix Community Newsletter) (@readmoulton) 's Twitter Profile Photo

When navigating client side, Remix fetches JSON from each of your loaders Unfortunately, Cloudflare treats JSON responses as dynamic content regardless of what your cache headers are set to So Cloudflare might not be caching as well as you think johnwhiles.com/posts/cloudfla…

Moulton (Remix Community Newsletter) (@readmoulton) 's Twitter Profile Photo

Knip (from @webprolific) helps remove unused code from your codebase. You can configure your app's entry points and ignoreable files, and then the tool will show which files and functions are just dead code you can remove. sergiodxa.com/tutorials/find…

Moulton (Remix Community Newsletter) (@readmoulton) 's Twitter Profile Photo

Create a custom CMS powered by Xata 🦋, a serverless db platform powered by postgres - Create a schema with different column types - Handle forms in Remix - Client side image uploads - WYSIWYG Editor - Content-wide search - Dynamic content routes xata.io/blog/content-m…

Moulton (Remix Community Newsletter) (@readmoulton) 's Twitter Profile Photo

Since Remix works with the web platform, they don't need to provide first-party integrations for every webhost. Devs can make their own adapters to host wherever they want SAS - Scandinavian Airlines has open sourced their adapter for hosting remix apps on azure functions github.com/scandinavianai…

Moulton (Remix Community Newsletter) (@readmoulton) 's Twitter Profile Photo

Incremental Static Regeneration (ISR) is a caching technique that updates items in the cache directly when changes are made to their underlying data Here's how to implement ISR with Netlify's CDN and their powerful caching tools developers.netlify.com/guides/how-to-…

Moulton (Remix Community Newsletter) (@readmoulton) 's Twitter Profile Photo

This new package from @AlemTuzlak59192 uses Remix's new clientLoader feature to create a customizable client cache API. - returns data from the client cache while refetching in the background - in-memory but supports adapters for local/session storage github.com/Code-Forge-Net…

Moulton (Remix Community Newsletter) (@readmoulton) 's Twitter Profile Photo

Cookies are little bits of text that get sent from the browser to the server on every request. While they CAN be created and saved with javascript, the most secure cookies are only set by the server Ovi Ispas shows how to use them in this guide ovi.is/posts/js-cooki…

Moulton (Remix Community Newsletter) (@readmoulton) 's Twitter Profile Photo

Remix can prefetch links so the the data is ready the moment the user clicks, but if you're using a fetcher to load data manually, you'll need to do this yourself. You can use the PrefetchPageLinks component to recreate the behaviour for any path. sergiodxa.com/tutorials/pref…

Moulton (Remix Community Newsletter) (@readmoulton) 's Twitter Profile Photo

Remix Auth is the go-to library for building authentication systems in Remix, and Daniel Esteves — oss/acc has published an adapter for using it with the authentication platform github.com/danestves/remi…

Moulton (Remix Community Newsletter) (@readmoulton) 's Twitter Profile Photo

Moulton 27 just went out! When I'm choosing something to feature, I'm asking myself what the community needs to see, hear, or know about And this month that's Kent C. Dodds ⚡ explaining why building on the web platform is the right move youtube.com/live/Q0fwzlwTL…