Satya describes JSI, or JavaScript Interface, as a way for JavaScript and native code to access objects directly across their realms. The existing bridge serializes data as JSON in both directions, while JSI can use direct pointers without that serialization.
What's coming up with the new React Native Architecture?
Speaker
Satya explains the new React Native architecture’s components and timeline on Callstack’s tech talk, with a host.
Turbo Modules provide an API for building native modules on JSI. Fabric also builds on JSI and focuses on laying out and rendering views. Satya says these components enable synchronous access to native APIs and UI rendering, which are asynchronous today.
The host asks when the architecture terms first came from Facebook. Satya estimates it was about three years earlier and recalls repeated claims that implementation would arrive in Q3. The host says it feels closer than before and points listeners to related talks on the Constant Engineers YouTube channel.
Takeaways
- JSI is the foundation; Turbo Modules and Fabric provide higher-level native module and UI capabilities.
- Direct object access through JSI avoids the existing bridge’s JSON serialization.
- Fabric addresses view layout and rendering, while Turbo Modules address native module APIs.
- Treat delivery dates cautiously: Satya recalls Q3 implementation promises recurring over several years.
Mentioned in this talk
Search inside this talk
What was claimed 6
- featureJSI: Enables synchronous direct access to objects between JavaScript and native code without JSON serialization.
“With JSI, you can directly access the pointer, and you don't have to serialize anything”
YouTube Unverified1 source· Talk
- featureFabric: Enables synchronous UI rendering.
“With Fabric, Turbo Modules, and JSI, we can do things synchronously.”
YouTube Unverified1 source· Talk
- featureTurboModules: Enables synchronous access to native APIs.
“With Fabric, Turbo Modules, and JSI, we can do things synchronously.”
YouTube Unverified1 source· Talk
- featureFabric: Handles layout and rendering views.
“Fabric is more about layout: how we're going to render all of the views”
YouTube Unverified1 source· Talk
- built
“Fabric is also built on top of JSI”
YouTube Unverified1 source· Talk
- builtTurboModules built JSI
“Turbo Modules is basically the API for building native modules on top of this JSI API”
YouTube Unverified1 source· Talk
