React Native. Supercharged.
We’ve combined the power of You.i Engine One with React Native.
Build true cross-platform apps for mobile, streaming devices, smart TVs, and game consoles using React Native
You.i Engine One is a video experience framework that delivers cross-platform user interfaces from a single codebase. You.i Engine One was built with TV and media-specific features in mind, including a a common video player interface, DRM integrations, and more. And now, You.i Engine One 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, and Xbox.
Design Freedom
Our integration with JSX means your teams can use their existing design tools or use our powerful animation tooling to help deliver premium interactive experiences.
Compatibility and Control
Get the flexibility of common RN components and 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, DRM integration, and 3rd-party integration adapters.
Cross-Platform Framework
Leverage the full capability of React Native married to a complete, hardware accelerated
app framework
Develop with React Native
Harness React Native and its 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?
Use the RN tools you know and love or go beyond the realms of JSX-defined design and into a world where layouts and motion are exported into your React Native 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
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.