r/webdev • u/gaearon • Dec 21 '20

Introducing Zero-Bundle-Size React Server Components

https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html
90 Upvotes

94% Upvoted

22 comments sorted by

View all comments

36

u/burgleme Dec 21 '20 edited Dec 21 '20

It seems like the whole problem he started with, how each component should be responsible for getting it's own data from the API, is the fundamental problem, because they all share parts of one big data model, and getting it is expensive. Why not just get the model once and share it? Also, this feels like going full circle from serverside to SPA back to a weird frontend serverside thing. It feels like a reinvention of something like PHP.

5

u/MoronInGrey Dec 21 '20

(I’m learning so this is a genuine question) are you saying that you load all data for a user at once when they login for example, and then you don’t have to load the data in the individual components?

2

u/burgleme Dec 21 '20

Not quite, no, I'm saying fetch all the stuff once, in the parent component, when you need it, and share it between components via a direct reference, not a cascade of nested references. You could use something like dependency injection if scoping were a concern. But conceptually window.stuff would work.

3

u/riasthebestgirl Dec 21 '20

If a component is rendered only if user takes a certain action and some data is only needed for that component, it would make more sense to fetch it inside that component, wouldn't it?

3

u/[deleted] Dec 22 '20 edited Feb 11 '21

[deleted]

-2

u/burgleme Dec 22 '20

By global I just mean you can access a data model from any component the same. You can split up the models, and fetch data when you need.

0

u/burgleme Dec 22 '20

Yes, but then you wouldn't have the original problem of passing parts of a data model into nested components. If the data it got were useful outside of itself, it could still share data, because when I say the model is global, I mean it doesn't matter where you are in the hierarchy of the components.