Skip to content

Commit

Permalink
Added ReactFabric shim
Browse files Browse the repository at this point in the history
Summary:
A simple shim just like ReactNative.js
Plus a fork of renderApplication that exclusively will call ReactFabric.

Reviewed By: mdvacca

Differential Revision: D6919080

fbshipit-source-id: 5807105a6c45dd99584eb92a5570c6076e2d56b9
  • Loading branch information
fkgozali authored and facebook-github-bot committed Feb 7, 2018
1 parent 8a882fe commit 94dac23
Show file tree
Hide file tree
Showing 2 changed files with 85 additions and 0 deletions.
62 changes: 62 additions & 0 deletions Libraries/ReactNative/renderFabricSurface.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
/**
* Copyright (c) 2015-present, Facebook, Inc.
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree. An additional grant
* of patent rights can be found in the PATENTS file in the same directory.
*
* @providesModule renderFabricSurface
* @format
* @flow
*/

'use strict';

const AppContainer = require('AppContainer');
const React = require('React');
const ReactFabric = require('ReactFabric');

const invariant = require('fbjs/lib/invariant');

// require BackHandler so it sets the default handler that exits the app if no listeners respond
require('BackHandler');

// Note: this is a fork of renderApplication.js to simply invoke ReactFabric.
function renderFabricSurface<Props: Object>(
RootComponent: React.ComponentType<Props>,
initialProps: Props,
rootTag: any,
WrapperComponent?: ?React.ComponentType<*>,
) {
invariant(rootTag, 'Expect to have a valid rootTag, instead got ', rootTag);

let renderable = (
<AppContainer rootTag={rootTag} WrapperComponent={WrapperComponent}>
<RootComponent {...initialProps} rootTag={rootTag} />
</AppContainer>
);

// If the root component is async, the user probably wants the initial render
// to be async also. To do this, wrap AppContainer with an async marker.
// For more info see https://fb.me/is-component-async
if (
RootComponent.prototype != null &&
RootComponent.prototype.unstable_isAsyncReactComponent === true
) {
// $FlowFixMe This is not yet part of the official public API
class AppContainerAsyncWrapper extends React.unstable_AsyncComponent {
render() {
return this.props.children;
}
}

renderable = (
<AppContainerAsyncWrapper>{renderable}</AppContainerAsyncWrapper>
);
}

ReactFabric.render(renderable, rootTag);
}

module.exports = renderFabricSurface;
23 changes: 23 additions & 0 deletions Libraries/Renderer/shims/ReactFabric.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
/**
* Copyright (c) 2015-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.
*
* @providesModule ReactFabric
* @flow
*/
'use strict';

// TODO @sema: Adjust types
import type {ReactNativeType} from 'ReactNativeTypes';

let ReactFabric;

if (__DEV__) {
ReactFabric = require('ReactFabric-dev');
} else {
ReactFabric = require('ReactFabric-prod');
}

module.exports = (ReactFabric: ReactNativeType);

0 comments on commit 94dac23

Please sign in to comment.