Integrations of [react-intl] internationalization library with [] online translation service.

Usage no npm install needed!

<script type="module">
  import reactIntlNamespaces from '';


React Intl Namespaces

Integrations of react-intl internationalization library with online translation service.

build-status-icon npm-react-intl-namespaces-version-icon npm-react-intl-namespaces-locize-client-version-icon npm-react-intl-namespaces-locize-editor-version-icon

Goals of this library

  • add support of dividing your application resources into namespaces that can be lazy loaded from server
  • make resources statically typed
  • add support of in-context editor.
  • add resource synchronization with or any other backend.

Getting started

const someNamespace = defineMessages<'property1'>({
  property1: {
    defaultMessage: 'text with {someValue}',
    description: 'description of text with some value',
    id: 'property1',

const anotherNamespace = defineMessages<'property1'>({
  property1: {
    defaultMessage: 'another text',
    description: 'description of another text',
    id: 'property1',

const values = { someValue: 'value' };

const App = (props: IntlBackendProvider.Props) => (
    <IntlNamespaceProvider namespace="someNamespace">
        <FormattedMessage {...someNamespace.property1} values={values} />
    <IntlNamespaceProvider namespace="anotherNamespace">
        <FormattedMessage {...anotherNamespace.property1} />

This code uses two namespaces and provides a way of communication with backed using getMessagesFromNamespace and addMissingMessage API.

Namespaces have have the same resource keys, that do not interfere with each other.

Those namespaces could be application modules.

Also we can see with one switch resource keys instead of resource texts when we set showIds to true. This is what will be displayed

[someNamespace:property1 (someValue)]

instead of formatted

text with value


In order to build this library you have to clone it

git clone

and restore packages with


to show sample integration project you can

yarn start

you can also test with

yarn test