mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Sebastian Markbåge
e2dd30898e
* Lazily initialize models as they're read intead of eagerly when received This ensures that we don't spend CPU cycles processing models that we're not going to end up rendering. This model will also allow us to suspend during this initialization if data is not yet available to satisfy the model. * Refactoring carefully to ensure bundles still compile to something optimal * Remove generic from Response The root model needs to be cast at one point or another same as othe chunks. So we can parameterize the read instead of the whole Response. * Read roots from the 0 key of the map The special case to read the root isn't worth the field and code. * Store response on each Chunk Instead of storing it on the data tuple which is kind of dynamic, we store it on each Chunk. This uses more memory. Especially compared to just making initializeBlock a closure, but overall is simpler. * Rename private fields to underscores Response objects are exposed. * Encode server components as delayed references This allows us to stream in server components one after another over the wire. It also allows parallelizing their fetches and resuming only the server component instead of the whole parent block. This doesn't yet allow us to suspend deeper while waiting on this content because we don't have "lazy elements".
46 lines
1.7 KiB
JavaScript
46 lines
1.7 KiB
JavaScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow
|
|
*/
|
|
|
|
// This is a host config that's used for the `react-server` package on npm.
|
|
// It is only used by third-party renderers.
|
|
//
|
|
// Its API lets you pass the host config as an argument.
|
|
// However, inside the `react-server` we treat host config as a module.
|
|
// This file is a shim between two worlds.
|
|
//
|
|
// It works because the `react-server` bundle is wrapped in something like:
|
|
//
|
|
// module.exports = function ($$$config) {
|
|
// /* renderer code */
|
|
// }
|
|
//
|
|
// So `$$$config` looks like a global variable, but it's
|
|
// really an argument to a top-level wrapping function.
|
|
|
|
declare var $$$hostConfig: any;
|
|
|
|
export type Response = any;
|
|
export opaque type ModuleMetaData = mixed; // eslint-disable-line no-undef
|
|
export opaque type ModuleReference<T> = mixed; // eslint-disable-line no-undef
|
|
export const resolveModuleReference = $$$hostConfig.resolveModuleReference;
|
|
export const preloadModule = $$$hostConfig.preloadModule;
|
|
export const requireModule = $$$hostConfig.requireModule;
|
|
|
|
export opaque type Source = mixed; // eslint-disable-line no-undef
|
|
|
|
export type UninitializedModel = string;
|
|
export const parseModel = $$$hostConfig.parseModel;
|
|
|
|
export opaque type StringDecoder = mixed; // eslint-disable-line no-undef
|
|
|
|
export const supportsBinaryStreams = $$$hostConfig.supportsBinaryStreams;
|
|
export const createStringDecoder = $$$hostConfig.createStringDecoder;
|
|
export const readPartialStringChunk = $$$hostConfig.readPartialStringChunk;
|
|
export const readFinalStringChunk = $$$hostConfig.readFinalStringChunk;
|