Build true cross-platform apps for mobile, streaming devices, smart TVs, and game consoles using React Native

You.i Engine One is a multiscreen app platform that delivers fluid user experiences from a single codebase. You.i Engine One was built with TV and media-specific features in mind, including a common video player interface, reference application, and 3rd-party integrations. And now, You.i Engine combines with React Native for the ultimate developer efficiency and designer freedom.

Why You.i Engine One with React Native?

Extend your Platform Coverage

Leverage a hardware accelerated rendering engine that delivers fluid UI across mobile and TV platforms – including iOS, Android, Roku, Amazon Fire TV, PlayStation, Xbox, and Tizen Smart TVs.

Design Freedom

Elevate your brand with design and motion. You.i Engine One’s workflow helps you deliver premium experiences that meets your team’s aspirations.

Efficiency and Control

Get the flexibility of native modules with the efficiency of a single codebase. Developers are free to use their preferred IDEs and tools for app development, profiling, and testing, ensuring efficient use of their time and effort.

Built for Video

You.i Engine One contains everything you need to make VOD and Live TV apps. A full suite of components including playback, reference screens, monetization models, and custom integration adapters.

Cross-Platform Framework

Leverage the full capability of React Native married to a complete, hardware accelerated
app framework

  • Apple iOS
  • Android
  • Samsung
  • Roku
  • Playstation
  • Xbox
  • Amazon Prime
  • Windows

Develop with React Native

Harness React Native and it’s quickly growing ecosystem to develop apps by offering JS bindings on-top of the C++ foundation.

C++ 14 Based Framework

You.i Engine One is a complete application framework that offers maximum code reuse through the use of platform independent controls and libraries.

Hardware Accelerated Rendering

Achieve true native performance through an abstracted rendering pipeline that supports OpenGL, OpenGL ES, DirectX, and Custom Graphics APIs to consistently deliver rich experiences across every screen.

Flexible Native Integrations

Ability to leverage native libraries and user interface controls within your cross-platform application including prebuilt access to common platform capabilities.

What if React Native could be used to build high-fidelity apps AND add more than 11 platforms to its reach?

Unfolding screens
Design Freedom

Go beyond the realms of JSX defined design and into a world where the design
and motion is exported into the app without limits or loss

Build the UI in After Effects

We combine the power of Adobe with the You.i Engine AE exporter which allows designers to compose layouts, skin screens, add interactivity, and animate with ease and control.

Rich Motion Design

Elevate your app to a world-class experience with branded animations, beautifully fluid loaders, page transitions, button sequences, swim lanes, and promotions.

Responsive Layout

Create responsive screens by setting layout anchors and type breakpoints so your UI adapts perfectly to any device type including mobile phones, tablets, streaming pucks, and TVs.

Lossless Design Handoff

All screens and UI elements are exported directly into the application codebase creating a user experience without any loss or development effort in the handoff from designer to developer.

Prototype and Preview

No mountain of devices needed. Designers are enabled to simulate real-world conditions & devices. Preview animations, layouts, and content without touching a line of code.

Iterate Remotely

Configure your app to retrieve and update UX elements, including layout, styling, and motion, dynamically from the cloud.

Watch a demo of our React Native-based designer workflow

Watch video

Efficiency

Simplify your tooling and build process to build cross-platform apps

Debugging

A powerful application panel for accessing tools for analyzing rendering performance, resource consumption, and focus navigation.

Platform Tools

Use the native platform IDEs and tools of your choice for application development, profiling, and testing.

Build Environments

A configurable cross-platform build system that integrates with native build tools and enables simple integration of 3rd-party and user interface behaviors.

Automated Testing

Support for automated testing using a cross-platform Appium solution.

Purpose Built for Video

All the things you need to make VOD and Live TV apps using React Native

Video Players

Native player support including AVPlayer, ExoPlayer CastLabs, and UWP Media Player. Streaming support for MP4, HLS, Smooth and Dash.

Integrations

Leverage abstracted integration APIs so you can use pre-integrated services or connect custom back-end services including online video platforms, content management systems, authentication, entitlements, commerce, payment gateways, and analytics.

Playback UI

Full support for VOD, and Live Linear streams including playback controls, scrubbing, state-based play, volume, bookmarking, subtitles, closed captioning, and player surface transformation.

React Native for Video – What You Need to Know

How it Works

Our novel approach

 

React Native provides Javascript abstractions to the native OS controls and APIs. This approach to cross platform development requires that these abstractions are the lowest-common-denominator between all supported platforms. This in turn imposes limits on both UX design and potential code reuse across platforms. By treating our You.i Engine as another platform, we enable React Native access to improved cross-platform portability, performance and UX flexibility. Customers can also develop C++ native modules to further enhance JavaScript interaction with You.i Engine.

In addition to supporting many React Native components and properties out-of-the-box, You.i Engine One supplies its own set of components that are optimized for use with You.i Engine. Developers are free to use their own custom components or develop new ones. You.i Engine One libraries provide the user interface, app components, rendering, and platform services functionality.

Developer workflow is generally the same as typical React Native workflow, with the optional ability to define UX look and feel via our After Effects (AE) exporter.

Ready to Learn More?