react-native-intlayer: Internationalize (i18n) an React Native application

Intlayer is a suite of packages designed specifically for JavaScript developers. It is compatible with frameworks like React, React, and Express.js.

The react-native-intlayer package allows you to internationalize your Vite application. It includes the Metro plugin to set the configuration through environment variables into the Metro bundler.

Why Internationalize Your React Native Application?

Internationalizing your React Native application is essential for serving a global audience effectively. It allows your application to deliver content and messages in the preferred language of each user. This capability enhances user experience and broadens your application's reach by making it more accessible and relevant to people from different linguistic backgrounds.

Configuration

The react-native-intlayer package works seamlessly with the react-intlayer package, and the intlayer package. Have a look at the relevant documentation for more information.

Installation

Install the necessary package using your preferred package manager:

npm install react-native-intlayer

yarn add react-native-intlayer

pnpm add react-native-intlayer

Example of usage

See an example of how to include the plugins into your vite configuration.

// metro.config.js
const { getDefaultConfig } = require("expo/metro-config");
const { configMetroIntlayer } = require("react-native-intlayer/metro");

module.exports = (async () => {
  const defaultConfig = getDefaultConfig(__dirname);

  return await configMetroIntlayer(defaultConfig);
})();

Mastering the internationalization of your Vite application

Intlayer provides a lot of features to help you internationalize your Vite application.

To learn more about these features, refer to the React Internationalization (i18n) with Intlayer and React Native guide for React Native Application.