Ryan Toronto @ryantoron.to · 23/09/2025I added parallel and recursive route rendering to Twofold, which kind of blew my mind. It's the first time I've used a React pattern that specifically takes advantage of the two phase server/client render. Wrote about it here: twofoldframework.com/blog/paralle...twofoldframework.comParallel and recursive route renderingRSC route rendering without waterfalls. 0112
Ryan Toronto @ryantoron.to · 11/08/2025React Cache: It's about consistency twofoldframework.com/blog/react-c...twofoldframework.comReact Cache: It's about consistencyLearn how React's cache function keeps your components predictable and consistent. 3212
Ryan Toronto @ryantoron.to · 17/06/2025New blog post: Composable streaming with Suspense One of my favorite patterns lately has been using Suspense to stream in lazily loaded content. It's perfect for dynamic dropdown menu options. twofoldframework.com/blog/composa...twofoldframework.comComposable streaming with SuspenseA look at two real-world UIs that rely on streaming with Suspense. 1517
Reposted by Ryan TorontoBrooks Lybrand @brookslybrand.bsky.social · 16/05/2025React Router RSC Preview is now available This brings support for all of React's API in a way that is incrementally adoptable by the millions of React Router apps in production today, but also feels great for a greenfield React Router app remix.run/blog/rsc-pre...remix.runReact Router RSC PreviewReact Router's preview support for React Server Components is now available 37110
Reposted by Ryan TorontoDaniel Saewitz @saewitz.com · 30/04/2025Server Components Give You Optionality saewitz.com/server-compo...saewitz.comServer Components Give You Optionality | Daniel Saewitz 1211
Ryan Toronto @ryantoron.to · 25/04/2025New blog post on serializing promises in React. Learn how RSC serializes data between the server and client. twofoldframework.com/blog/you-can...twofoldframework.comYou can serialize a promise in ReactUse React to create a promise on the server and later finish it on the client. 2667
Ryan Toronto @ryantoron.to · 17/04/2025If you're running an RSC server how do handle the react-server condition? 1. start node with --conditions=react-server? 2. run node without conditions, but start a worker with the react-server condition? 3. Something else, like a bundle time thing? I've been doing 1, but I'm not sure it's best 010
Ryan Toronto @ryantoron.to · 11/04/2025I wrote about building toast messages into an app with React Server Components. Really liked how easy it was to use server functions, cookies, and useOptimistic to make this all come together. buildui.com/posts/toast-...buildui.comToast messages in React Server Components 181
Ryan Toronto @ryantoron.to · 22/03/2025RSC with a form and server action running while JavaScript is turned off 160
Ryan Toronto @ryantoron.to · 19/03/2025Hey @sebmarkbage.calyptus.eu I have an RSC+MPA question... is there a way to have a <form> that uses a server action directly (so you get $ACTION_ID/REF inputs for MPA), but then after hydration is able to work with client-side code that uses useOptimistic? 010
Ryan Toronto @ryantoron.to · 15/12/2024Completed this! Ended up releasing it as an open source library: github.com/twofold-rsc/... My first RSC OSS tool, feels good :) 060
Ryan Toronto @ryantoron.to · 07/12/2024Next.js source is a work of art. I was wondering how they serialize and encrypt action args and found this: github.com/vercel/next.... Of course they use an rsc stream to serialize all the args into a string... and then encrypt! 150
Ryan Toronto @ryantoron.to · 28/11/2024One of the areas where I've changed my mind recently is with server actions + closures. In the past I believed it was too dangerous to close over variables during render because it creates an implicit client param and therefore devs would be better off being explicit with hidden form inputs. but... 140
Ryan Toronto @ryantoron.to · 22/11/2024I made a video on useActionState! There's a lot of awesome stuff built into this hook - namely the queuing behavior and the fact that it's made to be used with transitions. Actions are one of the coolest things coming to 19 www.youtube.com/watch?v=p_wn...youtube.comReact 19: useActionStateYouTube video by Ryan Toronto 070
Reposted by Ryan TorontoSam Selikoff @samselikoff.com · 12/11/2024React is a programming language, and its rules are its syntax. buildui.com/posts/react-...buildui.comReact is a programming language, and its rules are syntax 812011
Ryan Toronto @ryantoron.to · 07/11/2024Today's uAS thought: There's a beautiful refactor from a client-side only React app to a server backed React app in three steps. 100