tim arney

@leeerob Yes and that seems to work locally when I was testing but given a docker build where I don't already have a build cache it didn't seem to work. Do you know if it needs to be a combination of the 2 env var + build cache or ?

@timarney Did you see the linked docs and customization of NEXT_SERVER_ACTIONS_ENCRYPTION_KEY?

📹 Self-Hosting Next.js Learn how to deploy Next.js, Postgres, and Nginx to a $4 VPS with Docker. I'll explain how to use and configure Next.js features like image optimization, caching & ISR, streaming, middleware, server components, and more. Demo app is open source!

CSS Trick 📏 Auto resizing textarea and input with one line 🔥 textarea, input { field-sizing: content; } Read all about it in Steph's article 👇 It's landing soon! x.com/jh3yy/status/1…

Thanks to `flushSync`, you can finally manage focus in React again 🙌 (but I will always love this.setState)

@ryanwelcher Thanks for creating / streaming --- it's a great idea.

I started a new series on my stream called Block Developer Cookbook and I have just published first two recipes to my YouTube channel youtube.com/playlist?list=…

🔥 JavaScript Sets are about to become a lot more useful with these 7 new methods: .difference() .intersection() .symmetricDifference() .union() .isSubsetOf() .isSupersetOf() .isDisjointFrom()

I'm compiling a list of "recipes" for block developers for a new workshop I'm calling The Block Developers Cookbook. I have a number already but am always looking for more. Please share them as issues on my repo - kdta.io/ieQF3

Tip: @ChromeDevTools can now override the content of Fetch/XHR requests! Great for mocking APIs without waiting on backend changes! This and lots more in Chrome 117: bit.ly/wnd117

@bgardner This guy fixed it youtube.com/watch?v=gzipee…

It continually blows my mind that a gazillion-dollar company makes this kind of avoidable engineering faux-pas. 😳

Did you know that React considers APIs like cloneElement, React.Children, and createElement to be legacy? They aren’t recommended for newly written code, and the docs have some alternative suggestions. Be careful using patterns that rely on these. react.dev/reference/reac…

Thinking it's the FuzzyHighlighter type for render render(): {} | null | undefined; should be ? render(): ReactNode; With TS can I override on my end?

> 'FuzzyHighlighter' cannot be used as a JSX component. @mattpocockuk curious if you could explain what's going on with this React component type error. codesandbox.io/p/sandbox/mudd…

Most sandboxes in CodeSandbox are stored in a Postgres database. 40M+ sandboxes and 400M+ files stored in Postgres, and we still have performant load times. When going with Postgres, I thought "this is the first thing we'll have to replace". Still didn't happen after 6 years 🤷

@samselikoff Nice -- would love to see a follow-up example with validating the inputs. #validation" target="_blank" rel="nofollow noopener">nextjs.org/docs/app/build…

Just published a little exploration of Server Actions over on YouTube! Impressive how closures and callback props "just work" exactly as you'd expect in a client component... but it's full-stack! youtube.com/watch?v=OAmp3G…

A 🤯 feature of Server Actions is they support progressive enhancement: a server function passed to a <form>'s action prop is interactive before any JS has loaded. No hydration required. But you did you know you can define actions on the client, too? #server-actions-alpha" target="_blank" rel="nofollow noopener">nextjs.org/blog/next-13-4…

@stolinski Not sure who I heard it from but ... thinking of [ ] as the "make the underline" helps me remember.

One of these days I will get the order of ()[] correct first try when adding images in markdown.

React.ComponentProps is such a lifesaver, and more folks need to know about it.