React Native localization for multi-language apps

The best way to deliver translations to your React Native application is to use Crowdin Over-The-Air Content Delivery.

Crowdin OTA delivers all-new translations from the Crowdin project to the application immediately. So there is no need to update this application to get the new version with the localization.

Information about Crowdin OTA can be found in the Knowledge Base article. Also, visit the Wiki to read more about the advanced usage of OTA Client.

Installation

npm install @crowdin/ota-client
# or
yarn add @crowdin/ota-client

Client initialization

import OtaClient from '@crowdin/ota-client';

const otaClient = new OtaClient('{distribution_hash}');

Integration with the react-native-localization

import LocalizedStrings from 'react-native-localization';

//localizedStrings is an instance of translations which is used across whole application
async function build(localizedStrings: LocalizedStrings) {
    const translations = await otaClient.getStrings();

    localizedStrings.setContent(translations);
}

A fully working example can be found here.

Security

Crowdin Over-The-Air CDN feature is built with security in mind, which means minimal access possible from the end-user is required. When you decide to use Over-The-Air CDN, please make sure you’ve made the following information accessible to your end-users.

• We use the advantages of Amazon Web Services (AWS) for our computing infrastructure. AWS has ISO 27001 certification and has completed multiple SSAE 16 audits. All the translations are stored at AWS servers.
• When you use Crowdin OTA CDN – translations are uploaded to Amazon CloudFront to be delivered to the app and speed up the download. Keep in mind that your users download translations without any additional authentication.
• We use encryption to keep your data private while in transit.
• We do not store any Personally Identifiable Information (PII) about the end-user, but you can decide to develop the opt-out option inside your application to make sure your users have full control.