Moulton (Remix Community Newsletter)

A @remix_run newsletter, curated by @jacobmparis.

I tweet highlights from the newsletter, once a day

[Moulton (Remix Community Newsletter) @readmoulton]

The unofficial Remix Community Newsletter is BACK!

Join for email updates on everything going on in the Remix community
- articles, tips, tricks
- videos and interviews
- meetups and conferences

https://t.co/zjVxeUvf9V

[Moulton (Remix Community Newsletter) @readmoulton]

At Epic Web Conf @ralex1993 shows how to use Replicache within remix to build a local-first application that works offline

https://t.co/m7OtdOiyuF

[Moulton (Remix Community Newsletter) @readmoulton]

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 @kentcdodds explaining why building on the web platform is the right move

https://t.co/iJ7BZTAw3e

[Moulton (Remix Community Newsletter) @readmoulton]

Remix Auth is the go-to library for building authentication systems in Remix, and @danestves has published an adapter for using it with the authentication platform @clerk

https://t.co/Pomy1AN6AF

[Moulton (Remix Community Newsletter) @readmoulton]

This Remix stack from @ShafSpecs is gets you building documentation sites with multi-version support

https://t.co/XOIyuVhNKF

[Moulton (Remix Community Newsletter) @readmoulton]

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.

https://t.co/qf5qkIK0cl

[Moulton (Remix Community Newsletter) @readmoulton]

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

https://t.co/uQ6sn81W8R

[Moulton (Remix Community Newsletter) @readmoulton]

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

https://t.co/f65m6JLsjg

[Moulton (Remix Community Newsletter) @readmoulton]

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

https://t.co/bDU1oYPysA

[Moulton (Remix Community Newsletter) @readmoulton]

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 has open sourced their adapter for hosting remix apps on azure functions

https://t.co/q8My8iSavA

[Moulton (Remix Community Newsletter) @readmoulton]

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

https://t.co/7u1W8XlV6x

[Moulton (Remix Community Newsletter) @readmoulton]

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.

https://t.co/s09bOFS90H

[Moulton (Remix Community Newsletter) @readmoulton]

Learn all about routing in Remix with this deep dive from @AlemTuzlak59192

https://t.co/LoRs9RuyqT

[Moulton (Remix Community Newsletter) @readmoulton]

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

https://t.co/bg4tI6iiPF

[Moulton (Remix Community Newsletter) @readmoulton]

In this article @sergiodxa 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.

https://t.co/d9QPtjuotV

[Moulton (Remix Community Newsletter) @readmoulton]

@ryanflorence searches "spiderman" triggering 4 network requests for the queries "s", "sp", "spi", and "spid"

by the time he hits the 5th letter, his app has already cached the entire movies database and can do instant searches locally

https://t.co/2RqfOYxTEF

[Moulton (Remix Community Newsletter) @readmoulton]

Three ways to render dates locally without breaking SSR by @frontsideair

- 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

https://t.co/IXQgOciyUh

[Moulton (Remix Community Newsletter) @readmoulton]

@triggerdotdev announces v3

- No more timeouts, functions can just pause for minutes or weeks and resume
- Tasks will run uninterrupted even through new deploys
- OAuth support for third party services
- new CLI command for local dev

https://t.co/waqWYXA3Hk

[Moulton (Remix Community Newsletter) @readmoulton]

At Remix Vienna, @AlemTuzlak59192 gave a talk on how Remix Developer Tools creates an amazing developer experience when building and debugging apps in Remix

https://t.co/B1rj64zvjk

[Moulton (Remix Community Newsletter) @readmoulton]

Unpic (by @ascorbic) 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

https://t.co/4E61ZJAL27

[Edmund Hung @_edmundhung]

A little milestone for myself :) Thanks everyone!

https://t.co/SiltdPu56B