📜 Using OpenAuth with React Router: Comprehensive 2-part tutorial explaining how to implement authentication using React Router, OpenAuth and deploying on AWS with SST.
Sean Campbell's Blog
OpenAuth with React Router
A guide to using OpenAuth with React Router for Authentication
📜 Client-Side React Rocks: On the example of tabular layout, the author argues client-side React features like
useContext and createPortal provide better DX than Server Components.Marmelab
Client-Side React Rocks
React Server Components (RSC) are nice, but they can't beat client-side components in developer experience. See an example with a unique take on the Datagrid API.
👍1
📜 The Limits of RSC: A Practitioner's Journey: Nir tried to implement infinite scrolling UI using Server Components, but ran into a wall. Spoiler: He used React Query instead.
Nirtamir
The Limits of RSC: A Practitioner's Journey
React Server Components promised to revolutionize how we build React applications. I embraced this vision fully, only to discover that real-world implementation exposes fundamental gaps in the model. This is my journey from RSC enthusiasm to practical compromise.
📜 How to Build a Custom React Renderer: Using the
react-reconciler package to build a video composition software.Medium
How to Build a Custom React Renderer?
Explore essentials of building your own React renderer, including key steps, implementation details, and tips for integrating with your…
📦 React Router 7.6 - new routeDiscovery option: New config option introduced granting more control over the Lazy Route Discovery feature.
GitHub
react-router/CHANGELOG.md at main · remix-run/react-router
Declarative routing for React. Contribute to remix-run/react-router development by creating an account on GitHub.
🎥 Matt Pocock - Arrays, objects... now composites?: The exciting JS proposal that replaces Records and Tuples.
YouTube
Arrays, objects... now ‘composites’?
00:00 Intro
00:37 The Problem
02:28 The Hacky Solution
03:30 Records & Tuples
06:13 Composites
My TypeScript course is 30% off right now: https://www.totaltypenoscript.com
The Composites Proposal: https://github.com/tc39/proposal-composites
Ashley Claymore:…
00:37 The Problem
02:28 The Hacky Solution
03:30 Records & Tuples
06:13 Composites
My TypeScript course is 30% off right now: https://www.totaltypenoscript.com
The Composites Proposal: https://github.com/tc39/proposal-composites
Ashley Claymore:…
📜 Introducing Rslib: Build library with Rspack: Developed by ByteDance Web Infra Team, Rslib is a library that aims to be an ideal library development tool that is easy to configure, offers comprehensive features, leverages a shared ecosystem with application building, and prioritizes performance.
rslib.rs
Rslib: Build library with Rspack - Rslib
The Rsbuild-based library development tool
📜 shape(): A New Powerful Drawing Syntax in CSS: A new function of clip-path is now supported, which lets you to clip your element using arbitrary and responsive shapes.
Frontend Masters
shape(): A New Powerful Drawing Syntax in CSS
I first saw in the Safari 18.4 release notes that shape(), a new function is now supported. Then I saw on MDN it’s actually already in Chrome, too!