
Security News
Browserslist-rs Gets Major Refactor, Cutting Binary Size by Over 1MB
Browserslist-rs now uses static data to reduce binary size by over 1MB, improving memory use and performance for Rust-based frontend tools.
react-native-phrase-sdk
Advanced tools
Library for Phrase over-the-air translations. Currently works only in tandem with react-i18next library.
$ npm install react-native-phrase-sdk --save
In order to add Phrase OTA support to your project you need to make some changes in your i18next.js
file:
import Phrase from "react-native-phrase-sdk";
let phrase = new Phrase(
"YOUR_DISTRIBUTION_ID",
"YOUR_ENVIRONMENT_ID",
"YOUR_APP_VERSION",
"i18next"
);
import resourcesToBackend from "i18next-resources-to-backend";
const backendPhrase = resourcesToBackend((language, namespace, callback) => {
phrase.requestTranslation(language)
.then((remoteResources) => {
callback(null, remoteResources);
})
.catch((error) => {
callback(error, null);
});
});
const backendFallback = resourcesToBackend(localResources)
i18n
with Phrase backendi18n
.use(ChainedBackend)
.use(initReactI18next)
.init({
backend: {
backends: [backendPhrase, backendFallback]
}
//...
});
import i18n from "i18next";
import { initReactI18next } from "react-i18next";
import ChainedBackend from "i18next-chained-backend";
import resourcesToBackend from "i18next-resources-to-backend";
import translationEN from "./locales/en/translation.json";
import translationRU from "./locales/ru/translation.json";
import Phrase from "react-native-phrase-sdk";
const localResources = {
en: {
translation: translationEN,
},
ru: {
translation: translationRU,
},
};
let phrase = new Phrase(
"YOUR_DISTRIBUTION_ID",
"YOUR_ENVIRONMENT_ID",
require('./package.json').version,
"i18next"
);
const backendPhrase = resourcesToBackend((language, namespace, callback) => {
phrase.requestTranslation(language)
.then((remoteResources) => {
callback(null, remoteResources);
})
.catch((error) => {
callback(error, null);
});
});
const backendFallback = resourcesToBackend(localResources)
i18n
.use(ChainedBackend)
.use(initReactI18next)
.init({
backend: {
backends: [backendPhrase, backendFallback]
},
debug: true,
lng: "en",
fallbackLng: "en",
interpolation: {
escapeValue: false, // not needed for react as it escapes by default
}
});
This library stores its internal data (e.g. translations, unique ID) in AsyncStorage of your app. This means that you should be careful when manipulating the storage in your app: if you completely clear the AsyncStorage (for example on user logout), the app will have to download the translations again and regenerate the unique ID, so your account will show inflated number of unique users.
To publish a new version:
npm login
npm publish
FAQs
Phrase over-the-air translations library for React Native
The npm package react-native-phrase-sdk receives a total of 0 weekly downloads. As such, react-native-phrase-sdk popularity was classified as not popular.
We found that react-native-phrase-sdk demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Browserslist-rs now uses static data to reduce binary size by over 1MB, improving memory use and performance for Rust-based frontend tools.
Research
Security News
Eight new malicious Firefox extensions impersonate games, steal OAuth tokens, hijack sessions, and exploit browser permissions to spy on users.
Security News
The official Go SDK for the Model Context Protocol is in development, with a stable, production-ready release expected by August 2025.