The Remix Way, by @sergiodxa.com: https://sergiodxa.com/articles/the-remix-way?ref=frontenddogma.com #remix

The Remix Way

Six months on Remix v3 turned into 88 packages, because I kept copying the framework's own design decisions.

sergiodxa.com

I was able to build a @remix.run v3 `lazy` function to lazy load components The lazy loaded component retains the type of the props with an additional `fallback` prop to pass the JSX to render until it's loaded Code: github.com/sergiodxa/re...

Another @remix.run v3 example. This is how you can create custom components that allow the parent to listen to custom events. Full code: github.com/sergiodxa/re...

Another @remix.run v3 + state management library example, now Stately.ai's xstate. Define the machine once, create the actor and subscribe to updates in the setup scope, and get a snapshot or send events on the render scope. Full code: github.com/sergiodxa/re...

Sergio Xalambri@sergiodxa.com · last yr.

Next on @remix.run v3 + state management libraries, I tried @preactjs.com Signals core package. This requires to run the effect to subscribe to the signal inside this.queueTask, otherwise it tries to re-render before Remix did the first render. Full code: github.com/sergiodxa/re...

Next on @remix.run v3 + state management libraries, I tried @preactjs.com Signals core package. This requires to run the effect to subscribe to the signal inside this.queueTask, otherwise it tries to re-render before Remix did the first render. Full code: github.com/sergiodxa/re...

Sergio Xalambri@sergiodxa.com · last yr.

I'm trying different state management libraries, common in React, that have a JS only core and see how they integrate with @remix.run v3. I started with Redux Toolkit. Super simple and straightforward to setup and use. Code here: github.com/sergiodxa/re...

I'm trying different state management libraries, common in React, that have a JS only core and see how they integrate with @remix.run v3. I started with Redux Toolkit. Super simple and straightforward to setup and use. Code here: github.com/sergiodxa/re...

In June we announced an open governance model for React Router. Today, we are excited to welcome Sergio Xalambrí and @rossipedia.com to the React Router Steering Committee! Both have made valuable contributions to Remix and React Router over the years, and we appreciate their feedback.

The early bird for React Router OAuth2 Handbook is over, but there’s still a launch offer available. 🎁 The Complete Package has $50 off for the first 100 buyers. 🌍 PPP pricing is now active — for the book only. go.sergiodxa.com/S4qaycD

React Router OAuth2 Handbook

Implement secure OAuth2 authentication in React Router and Remix apps with practical patterns.

go.sergiodxa.com

In OAuth2 + OIDC, each token has a different audience: 🔑 Access Token → Resource Server 🔄 Refresh Token → Authorization Server 🪪 ID Token → Client App Each audience ensures the token is used by the right party and for the right purpose.

I published a Remix Auth strategy for the new @sst.dev's OpenAuth.js identity provider github.com/sergiodxa/re...

From time to time I want to see if Web Components improved They could have been way better if we started with a simple partial defined using the <template> tag and a name attribute <template name="user-item"> some html here </template> Then you do `<user-item>` and the browser inline the partial

🤔 I wonder if it would be possible to self host a Blueksy Personal Data Server on #Cloudflare Worker with D1

Kelsey Hightower@kelseyhightower.com · 2y ago

The Bluesky team earned my trust by delivering on promise after promise, including the ability to host your own data. It isn't just possible, it's now well documented. atproto.com/guides/self-...

I have been working on a React Router v7 starter for Cloudflare Workers and yesterday I tried it myself to build a simple AI Chat app using Workers AI, I spent more time building the UI than actually building the app I spent 0 seconds on auth as that comes built-in github.com/edgefirst-de...

GitHub - edgefirst-dev/starter-ai-chat: A starter repo for an AI chatbot

A starter repo for an AI chatbot. Contribute to edgefirst-dev/starter-ai-chat development by creating an account on GitHub.

github.com

So is web dev community moving here for real? Or just a temporal thing?