Files
react/packages/shared/ReactTypes.js
Andrew Clark b77b12311f Call and Return components should use ReactElement (#11834)
* Call and Return components should use ReactElement

ReactChildFiber contains lots of branches that do the same thing for
different child types. We can unify them by having more child types be
ReactElements. This requires that the `type` and `key` fields are
sufficient to determine the identity of the child.

The main benefit is decreased file size, especially as we add more
component types, like context providers and consumers.

This updates Call and Return components to use ReactElement. Portals are
left alone for now because their identity includes the host instance.

* Move server render invariant for call and return types

* Sort ReactElement type checks by most likely

* Performance timeline should skip over call components

Don't think these were intentionally omitted from the blacklist of
component types.

I went ahead and updated getComponentName to include special types, even
though I don't think they're used anywhere right now.

* Remove surrounding brackets from internal display names
2017-12-12 15:04:40 -08:00

58 lines
1.2 KiB
JavaScript

/**
* Copyright (c) 2014-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
* @flow
* @providesModule ReactTypes
*/
export type ReactNode =
| React$Element<any>
| ReactCall<any>
| ReactReturn<any>
| ReactPortal
| ReactText
| ReactFragment;
export type ReactFragment = ReactEmpty | Iterable<React$Node>;
export type ReactNodeList = ReactEmpty | React$Node;
export type ReactText = string | number;
export type ReactEmpty = null | void | boolean;
export type ReactCall<V> = {
$$typeof: Symbol | number,
type: Symbol | number,
key: null | string,
ref: null,
props: {
props: any,
// This should be a more specific CallHandler
handler: (props: any, returns: Array<V>) => ReactNodeList,
children?: ReactNodeList,
},
};
export type ReactReturn<V> = {
$$typeof: Symbol | number,
type: Symbol | number,
key: null,
ref: null,
props: {
value: V,
},
};
export type ReactPortal = {
$$typeof: Symbol | number,
key: null | string,
containerInfo: any,
children: ReactNodeList,
// TODO: figure out the API for cross-renderer implementation.
implementation: any,
};