21d5aebd53
In this example, we can: - `QueryRenderer` SSR - caching the data - use the feature of `react-relay-network-modern` which is the powerful tool for `relay-modern` I copy the example `with-relay-modern`, but I just modified the code. Some detail are not modified. If you think this example is needed, I will fix those. Otherwise, close this **PR** to let me know this example is not needed.
35 lines
936 B
JavaScript
35 lines
936 B
JavaScript
import { RelayNetworkLayer, urlMiddleware } from 'react-relay-network-modern/node8'
|
|
import RelaySSR from 'react-relay-network-modern-ssr/node8/server'
|
|
import { Network, Environment, RecordSource, Store } from 'relay-runtime'
|
|
|
|
export default {
|
|
initEnvironment: () => {
|
|
const source = new RecordSource()
|
|
const store = new Store(source)
|
|
const relaySSR = new RelaySSR()
|
|
|
|
return {
|
|
relaySSR,
|
|
environment: new Environment({
|
|
store,
|
|
network: new RelayNetworkLayer([
|
|
urlMiddleware({
|
|
url: req => process.env.RELAY_ENDPOINT
|
|
}),
|
|
relaySSR.getMiddleware()
|
|
])
|
|
})
|
|
}
|
|
},
|
|
createEnvironment: (relayData, key) => {
|
|
const source = new RecordSource()
|
|
const store = new Store(source)
|
|
|
|
return new Environment({
|
|
store,
|
|
network: Network.create(
|
|
() => relayData.find(([dataKey]) => dataKey === key)[1]
|
|
)
|
|
})
|
|
}
|
|
}
|