server-components-notes-demo
next-react-server-components
server-components-notes-demo | next-react-server-components | |
---|---|---|
2 | 6 | |
722 | 964 | |
0.4% | 0.4% | |
3.6 | 4.2 | |
6 months ago | 7 days ago | |
TypeScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
server-components-notes-demo
- Do you know a good tutorial on how to implement React Server Components? (For Side Project)
-
What is the status of React Server Components?
This is the last I heard about it https://github.com/vercel/next-server-components
next-react-server-components
-
Having a hard time getting into Next with 12/13
There is a number of public, easy-to-understand projects you can check out after you've digested all the new patterns from the docs (and maybe that tutorial): https://github.com/shadcn/next-contentlayer https://github.com/vercel/next-react-server-components
- Next.js 13 + React Server Components
- Do you know a good tutorial on how to implement React Server Components? (For Side Project)
-
What's the difference between SSR Streaming and React Server Components?
In the official Next.js demo both approaches are mixed together. But aren't these different approaches?
-
Why are SSR Streaming and React Server Components presented together in one demo?
In the Next.js demo, SSR Streaming and React Server Components are presented together within one demo. Aren't the two approaches two different technologies that can be used independently?
-
Show HN: Hacker News Clone Using Remix and React
For comparison this[1] is Next.js implementation that uses React Server Components (RSC). I feel folks at Remix missed on React Server Components and now it will be a lot of work to make it work in Remix. Hopefully I'm wrong.
If you don't know, RSC allows the HTML from server to start streaming as React is rendering the components in the backend. It allows fine grain control to what part of page renders first and which parts can be rendered later as HTML and data is streaming from the server. Before this, all of React server frameworks would render the entire page, shove "hydration data" in it which is mostly repeated data that is used to render the page and also include that HTML in the form of complied JSX in the page in the page scripts. Obviously that would make React SSR very bulky and unscalable. That's why RSC can solve so many React performance problems
[1] https://github.com/vercel/next-react-server-components
What are some alternatives?
HULL - 💀 Headless Shopify Starter – powered by Next.js + Sanity.io
sites - Monorepo for the sites in the Svelte ecosystem
commercejs-chopchop-demo - A Commerce.js starter kit for Next.js. A beautifully designed elegantly developed, end to end commerce experience for developers and agencies. Pre-integrated with Stripe. One-click deploy to Vercel.
hackernews-remix-react - Hacker News clone written with universal TypeScript, using React and Remix.
codeitdown - A Blog web app with a Custom Bsckend to host all the Blogs at your custom Blog Platform.
Nest - A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript 🚀
Next.js - The React Framework
Blitz - ⚡️ The Missing Fullstack Toolkit for Next.js
react-server-component-material
next-contentlayer - A template with Next.js 13 app dir, Contentlayer, Tailwind CSS and dark mode.
next.js - The React Framework [Moved to: https://github.com/vercel/next.js]