React Server Components Example with Next.js

1. bun

   1 390 79,109 10.0 Zig

   Incredibly fast JavaScript runtime, bundler, test runner, and package manager – all in one

   

   At Node Conference 2023, Jarred Sumner (creator of Bun) showed a demo of server components in Bun, so there is at least partial support in that ecosystem. The Bun repo provides bun-plugin-server-components as the official plugin for server components. And while I haven’t looked at it in-depth, Marz claims to be a “React Server Components Framework for Bun”.

2. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.

   

3. zustand

   2 285 53,569 9.2 TypeScript

   🐻 Bear necessities for state management in React

   

   Daishi Kato, creator of Zustand and Jotai, says there are a few things we need to support RSC serialization:

4. apollo-server

   3 74 13,893 9.0 TypeScript

   🌍  Spec-compliant and production ready JavaScript GraphQL server that lets you develop in a schema-first way. Built for Express, Connect, Hapi, Koa, and more.

   

   Another interesting point is that executing fetches on the server can allow developers to more easily leverage caching. Next.js already handles caching out-of-the-box and I’m curious to see if the wider adoption of RSC reduces the need to combine React with solutions like Apollo Server and Apollo Client. While there are other benefits to these tools, RSC could provide similar caching behavior without the need to invest in a GraphQL solution.

5. jotai

   4 121 20,198 9.3 TypeScript

   👻 Primitive and flexible state management for React

   

   Daishi Kato, creator of Zustand and Jotai, says there are a few things we need to support RSC serialization:

6. waku

   5 16 5,552 9.7 TypeScript

   ⛩️ The minimal React framework

   

   The moderators at Reactiflux pointed me toward Waku (also developed by Daishi Kato) as a potential alternative. However, Daishi explicitly recommends using the framework on non-production projects.

7. React

   6 1,948 237,358 9.9 JavaScript

   The library for web and native user interfaces.

   

   This isn’t an accident; when Meta introduced React Server Components, Dan Abramov explicitly stated that they collaborated with the Next.js team to develop the RSC webpack plugin.

8. parcel

   7 185 43,898 9.2 JavaScript

   The zero configuration build tool for the web. 📦🚀

   

   In the Changelog Podcast episode referenced above, Dan Abramov alluded to Parcel working on RSC support as well. I couldn’t find much to back up that claim aside from a GitHub issue discussing directives and a social media post by Devon Govett (creator of Parcel), so I can’t say for sure if Parcel is currently a viable option for developing with RSCs.

9. Stream

   getstream.io featured

   Stream - Scalable APIs for Chat, Feeds, Moderation, & Video. Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.

   

10. marz

    8 1 398 6.9 TypeScript

    🚀 A Fast and Lightweight React Server Components Framework for Bun

    

    At Node Conference 2023, Jarred Sumner (creator of Bun) showed a demo of server components in Bun, so there is at least partial support in that ecosystem. The Bun repo provides bun-plugin-server-components as the official plugin for server components. And while I haven’t looked at it in-depth, Marz claims to be a “React Server Components Framework for Bun”.

Suggest a related project