React-Native: What Does Bridgeless Mean?


2 min read

Table of contents

No heading

No headings in the article.

In React Native, "bridgeless" refers to a mode of operation or architecture that aims to eliminate or reduce the use of the "bridge," a central piece of React Native's current architecture. The bridge is responsible for communication between the JavaScript (JS) thread and the native code (iOS or Android).

The traditional React Native architecture relies heavily on this bridge for communication, which can introduce performance bottlenecks and latency issues due to the asynchronous nature of the message-passing system.

The bridgeless architecture aims to address these issues by allowing for direct invocation of native modules from JavaScript without going through the bridge. This can lead to performance improvements, reduced latency, and a smoother user experience. The key aspects of this architecture include:

  1. TurboModules: This is a new way to define and use native modules. TurboModules are loaded only when needed, and they allow for synchronous methods and better type safety.

  2. Fabric: This is the new rendering system that replaces the old one. It allows for more direct and synchronous communication between the JavaScript and native layers, improving the performance and consistency of the UI updates.

  3. JSI (JavaScript Interface): This is a lightweight and fast interface that enables the direct calling of native functions from JavaScript without going through the bridge.

Overall, the bridgeless architecture is part of a broader effort to modernize React Native and make it more efficient and performant, addressing some of the limitations and challenges of the original architecture.

Did you find this article valuable?

Support Valliappan Periannan by becoming a sponsor. Any amount is appreciated!