You.i TV 
You.i Engine One + React Native
Leverage the full capability of React Native married to a complete, platform agnostic, hardware accelerated application framework.
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
01
Compatibility
Leverage standard React Native syntax, components and tooling to build and test your applications.
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.
03
Flexible Native Integrations
Access platform capabilities from pre-built cross-platform APIs—or, integrate custom capabilities by bridging to the native development environment.
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
Abstract all underlying platforms with You.i Engine One’s platform independent controls and components
Bind You.i Engine One’s C++ APIs to the React Native JS interface
Develop applications using standard React Native components and functionality
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 
