MARKUS JERGER, ENTREPRENEUR | CORPORATE MARRIAGES | FORMER EXECUTIVE CHAIRMAN OF GERMAN FEDERAL ASSOCIATION OF SME BUSINESS OWNERS | FORMER PRESIDENT OF THE EUROPEAN ENTREPRENEURS ASSOCIATION
This a good take, I see you’re trying to speak in a position to help people and especially beginners in their career. I agree that there are confusion, and we might be right if we blame Next and Vercel for, rightly so too, with their ambition to be a part of the React core team and influence it’s development.
One of the things that is less mentioned in these arguments is, React is the same as when the hooks were inteoduced!
It doesn’t look any different if you’re doing your old school CRA or Vite SPA app!
React team are pushing opt-in architectural changes like RSC to improve the ecosystem’s lack of the giant architecture that Meta’s products are using.
Vercel are the ones who bet and put trust in the new Architecture pushed by React, while Hydrogen team at Shopify and Remix team (in the beginning) refused to do so (thank God they didn’t).
The result is that, we now have Next.js with RSC (app router) and we have Next.js (pages router), Remix and SPA with Vite using old school React approach where React is just used to render UI.
We have examples of both worlds, and we’re choosing between them, and that is a good thing.
I admit, for beginners this might be confusing, that is why, as a beginner you should choose the most popular way for learning React (Vite or Remix) instead of choosing the new guy in town (Next.js app router).
React is going through some historic times (just like with hooks), so contribute to help React echosystem by minimizing confusion, help authors deliver their message.
Dan Abramov, one of the core React team members is writing a series to unload these changes into understandable peices, I recommend following this blog series: https://lnkd.in/dX-Gs3-X
I also recommend following React working group on GitHub and read their time to time decussions and announcements if you’re interested in RSC as its being developed: https://lnkd.in/dHE27y6x#reactjs#nextjs#remix#webdevelopment#frameworks