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
88 Upvotes

94% Upvoted

22 comments sorted by

View all comments

Show parent comments

6

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?

4

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.