how to pass props directly to each page component (and is it worth the hassle?) #6

alidcast · 2018-07-02T20:05:57Z

Right now any data returned from getInitialProps will be passed to the App.js component. That component can then delegate the data to each page component.

Obviously, this isn't ideal as each getInitialProps should operate in a black box.

Some ideas for handling this correctly:

As we walk the component tree, we can recreate it and pass each component the correct data (honestly not even sure if this could work?)
We can do what loadable-components does and pass data from server to window object and the render component with appropriate data (this seems like the way to go)

However, I don't know to what extent this is worth the hassle. If you're using Apollo, you don't really need to fetch data from getInitialProps (right??). So it's only useful for plugin hocs (e.g. Apollo, Redux, etc) to server render their own data (which would be passed to App.js anyway) and to handle route middleware in the server (which doesn't return any data).

So going to leave it as it is for now but posting my thoughts here for reference

The text was updated successfully, but these errors were encountered:

alidcast · 2018-07-03T22:56:45Z

see #7 too, I decided it's not :)

alidcast changed the title ~~how to pass props directly to each page component~~ how to pass props directly to each page component (and is it worth the hassle?) Jul 2, 2018

alidcast closed this as completed Jul 3, 2018

This was referenced Jul 9, 2018

getInitialProps to component props #37

Closed

disambiguate usage of getInitialProps #42

Closed

babel plugin to extract server side only component methods #45

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

how to pass props directly to each page component (and is it worth the hassle?) #6

how to pass props directly to each page component (and is it worth the hassle?) #6

Uh oh!

how to pass props directly to each page component (and is it worth the hassle?) #6

how to pass props directly to each page component (and is it worth the hassle?) #6

Comments

Uh oh!

Uh oh!