React Compiler

The React Native Chat SDK supports React Compiler. Enable it to improve performance.

Best Practices

• Use a React/React Native version that fully supports the compiler.
• Place the compiler plugin first in babel.config.js.
• Verify production builds after enabling to catch plugin conflicts.
• Profile message list screens to confirm real-world gains.
• Keep third-party Babel plugins updated to avoid incompatibilities.

React Compiler Setup

Follow the React docs for setup: React Compiler.

For Expo, see: React Compiler for Expo.

For React Native CLI, you need to install the following dependencies:

npm install -D babel-plugin-react-compiler@latest

# or using yarn

yarn add -D babel-plugin-react-compiler@latest

Enable it in babel.config.js:

module.exports = {
  plugins: [
    "babel-plugin-react-compiler", // must run first!
    // ... other plugins
  ],
  // ... other config
};