👀 React PR - Integrate React RSC with Vite: An implementation of React Server Components support in Vite. There used to be a community proposal in the past but this time it's coming officially from the Vite team.
GitHub
feat: add react-server-dom-vite by hi-ogawa · Pull Request #33152 · facebook/react
Summary
As a continuation from the discussion on Jacob's PR #31768, this is a new PR to add the react-server-dom-vite package and fixtures/flight-vite. To begin with, thank you to the React...
As a continuation from the discussion on Jacob's PR #31768, this is a new PR to add the react-server-dom-vite package and fixtures/flight-vite. To begin with, thank you to the React...
👀 React Query RFC - Unified Imperative Query Methods: As the API of TanStack Query grows, the creators proposed to reduce the number of six functions with similar functionality to two unique methods -
query() and infiniteQuery().GitHub
RFC: Unified Imperative Query Methods · TanStack query · Discussion #9135
Context Sometimes, APIs don’t evolve well. I’ve seen the situation a couple of times that we add an API, and we think it’s great, and then after some time, we add another API that does something si...
👍1
📜 Static as a Server: Dan draws parallels between the Astro and built-time React Server Components for creating static sites without a server.
overreacted.io
Static as a Server — overreacted
You wouldn't download a site.
📜 React Hook Factory - how to create custom hooks programmatically: A clever pattern to reduce boilerplate when setting up a new React Context.
tylur.blog
React Hook Factory
how to create custom hooks programatically
👍1
📜 No, react context is not causing too many renders: Argues that using React context is fine, and re-render problems are more likely related to large context values and controlled components.
Black Sheep Code
No, react context is not causing too many renders
A lot of people are under the impression that context shouldn't be used to store state, because it'll cause the entire application tree to re-render. This is a misnomer.
📜 Dependency Inversion in React: Building Truly Testable Components: Implementing the SOLID principle by passing dependencies as props.
cekrem.github.io
Dependency Inversion in React: Building Truly Testable Components
Learn how to apply the Dependency Inversion Principle in React to create more testable, maintainable, and flexible components. A practical guide to writing better React code.
📜 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.