K.
@metrobueller.com
🇸🇴 //🎶Mick Jenkins // 💻deck.gl
I post about things I'm learning
I post about things I'm learning
I should really learn what durable objects are and why everyone likes them so much, will definitely check it out if you post it on here!
December 9, 2024 at 3:44 PM
I should really learn what durable objects are and why everyone likes them so much, will definitely check it out if you post it on here!
Tested this from the cottage this weekend on spotty, slow internet and works well!
When I pick this up again I'm going to learn about CDNs and how they are so fast, and how to host my own for my toy rom manager app
When I pick this up again I'm going to learn about CDNs and how they are so fast, and how to host my own for my toy rom manager app
November 17, 2024 at 4:15 PM
Tested this from the cottage this weekend on spotty, slow internet and works well!
When I pick this up again I'm going to learn about CDNs and how they are so fast, and how to host my own for my toy rom manager app
When I pick this up again I'm going to learn about CDNs and how they are so fast, and how to host my own for my toy rom manager app
Okay, so caching going kinda smoothly! Stats:
-server cache hits are ~90ms (this is also true of client cache misses hitting a server cache)
-client cache hits send no network request
-server cache misses are a bit expensive at ~600ms but my app uses no CDNs for images and sends base64 string 🤫
-server cache hits are ~90ms (this is also true of client cache misses hitting a server cache)
-client cache hits send no network request
-server cache misses are a bit expensive at ~600ms but my app uses no CDNs for images and sends base64 string 🤫
November 17, 2024 at 4:13 PM
Okay, so caching going kinda smoothly! Stats:
-server cache hits are ~90ms (this is also true of client cache misses hitting a server cache)
-client cache hits send no network request
-server cache misses are a bit expensive at ~600ms but my app uses no CDNs for images and sends base64 string 🤫
-server cache hits are ~90ms (this is also true of client cache misses hitting a server cache)
-client cache hits send no network request
-server cache misses are a bit expensive at ~600ms but my app uses no CDNs for images and sends base64 string 🤫
Oh! Also any custom or opinionated linting rules you like!
Thanks sensei
Thanks sensei
November 10, 2024 at 3:49 PM
Oh! Also any custom or opinionated linting rules you like!
Thanks sensei
Thanks sensei
Naming recommendations (files, functions, variables), alignment, fn defs (const vs function), type X = SomeType vs Interfaces, how many components per file (after reading full stack components, this seems obvious but I think would be good to get into), any opinionated lint rules and why
November 10, 2024 at 3:49 PM
Naming recommendations (files, functions, variables), alignment, fn defs (const vs function), type X = SomeType vs Interfaces, how many components per file (after reading full stack components, this seems obvious but I think would be good to get into), any opinionated lint rules and why
superwhisper.com is pretty great
superwhisper
AI powered voice to text for macOS
superwhisper.com
November 9, 2024 at 2:17 PM
superwhisper.com is pretty great
This series is so good, I think I'll do the same!
November 7, 2024 at 1:06 AM
This series is so good, I think I'll do the same!
Version I have now (with no stale-while-revalidate functionality)
November 3, 2024 at 6:22 PM
Version I have now (with no stale-while-revalidate functionality)
![Code sample illustrating a potential client side cache implementation in Remix. Code to follow:
export async function withClientCache<T, S extends StoreKey>({
store,
cacheKey,
ttl,
serverLoader,
request,
params,
}: WithClientCacheOptions<T, S>) {
try {
let key = typeof cacheKey === "function" ? cacheKey(params) : cacheKey;
let cached = await cacheManager[store].get(key);
if (cached) {
let age = Date.now() - cached.timestamp;
let isExpired = age >= ttl;
if (!isExpired) return cached.data;
if (cached.eTag) {
let versionCheck = await fetch(request.url, {
method: "HEAD",
headers: {
"If-None-Match": cached.eTag,
},
});
if (versionCheck.status === 304) {
await cacheManager[store].set(key, {
data: { ...cached } as any,
timestamp: Date.now(),
eTag: cached.eTag,
});
return cached.data;
}
}
}
let freshData = await serverLoader();
await cacheManager[store].set(key, {
data: { ...freshData },
timestamp: Date.now(),
eTag: freshData.eTag,
});
return freshData;
} catch (error) {
console.error("Cache error:", error);
return serverLoader();
}
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:3427gqwycoamlui262wmqr5n/bafkreiet3in5du525yrcivolcyfkiyn5zw37zimtwr47qh6jyztvud2auy@jpeg)
Protip: add a `DEPLOY_SECRET` or something to eTag generation or waste time wondering why deploys mess up the cache 😅
November 2, 2024 at 5:05 PM
Protip: add a `DEPLOY_SECRET` or something to eTag generation or waste time wondering why deploys mess up the cache 😅
Where I've landed: the server cache is longer lived and invalidated on mutation, the client cache is 25% of the server cache and on expiry it sends a HEAD request to check the eTag, if it is different, await the server's full response
November 2, 2024 at 5:04 PM
Where I've landed: the server cache is longer lived and invalidated on mutation, the client cache is 25% of the server cache and on expiry it sends a HEAD request to check the eTag, if it is different, await the server's full response
client loaders also strip headers, which I guess I get, but getting the eTag would have been awesome :(
October 31, 2024 at 7:37 PM
client loaders also strip headers, which I guess I get, but getting the eTag would have been awesome :(
Nice! I really like the pattern of abusing the URL for app state so I'm excited to give this a try
October 31, 2024 at 4:03 PM
Nice! I really like the pattern of abusing the URL for app state so I'm excited to give this a try