We’ve adapted React Native to sit on top of our SDK and access everything You.i Engine One has to offer. Work in Javascript against familiar React Native functionality for developer efficiency. Harness our designer workflow for better user experience. Deploy to every platform we support and surpass React Native’s current portability.

A Familiar Developer Experience

A powerful unifying platform

Compatibility
01

Compatibility

Leverage standard React Native syntax, components and tooling to build and test your applications.

Simplify Your Development Workflow
02

Simplify Your Development Workflow

With the help of our Developer Portal, adapt your existing business logic and modules in React Native to extend across a new class of platforms.

Flexible Native Integrations
03

Flexible Native Integrations

Access platform capabilities from pre-built cross-platform APIs—or, integrate custom capabilities by bridging to the native development environment.

Single Application Stack
04

Single Application Stack

A powerful tooling panel for live analysis rendering performance, resource consumption, and user interface behaviors on all platforms.

How We’re Scaling React Native

Use the React Native tools you know and love or go beyond the realm of JSX-defined design and incorporate custom components from You.i Engine One’s After Effects Workflow.

Read the Blog
1

Abstract all underlying platforms with You.i Engine One’s platform independent controls and components

2

Bind You.i Engine One’s C++ APIs to the React Native JS interface

3

Develop applications using standard React Native components and functionality

4

Deploy consistently to platforms that React Native has never before reached

A Snapshot of Working With React Native Inside You.i Engine One

render() {
   if (this.mode !== 'comp') {
     return (
       <TouchableHighlight
         onShowUnderlay={() => this.setState({ focused: true })}
         onHideUnderlay={() => this.setState({ focused: false })}
         focusable={this.props.focusable}
         ref={ref => {
           this.ref = ref;
           this.props.ref(ref);
         }}
         onPress={() => this.props.onPress(this.props.data.id, this.type, this.ref)} name={this.buttonName}>
         <View style={this.state.focused ? styles.border : null} focusable={this.props.focusable}>
           <Image style={this.imageStyle}
             source={this.props.focusable ? { uri: this.imageUri } : null } />
         </View>
       </TouchableHighlight>
     );
   }

Built for Reach

Taking React Native to consoles, TVs, and beyond using the dark power of C++.

Design Freedom

Use the React Native tools you know and love or go beyond the realm of JSX-defined design and incorporate custom components from You.i Engine One’s After Effects Workflow.

Design Freedom