Awesome Open Source
Awesome Open Source

DEPRECATED react-i18next-phraseapp

Build status No Maintenance Intended

This package has been deprecated in favor of I18next Phrase In-Context Editor Post Processor. Please have a look at the documentation for examples on how it can be used with React applications.

Original Readme

This library lets you integrate the PhraseApp In-Context Editor easily with your React apps localized with react-i18next.


Install the package via npm:

$ npm install react-i18next-phraseapp

Then, replace all calls to translate() with the translate function provided by react-i18next-phraseapp:

- import { withNamespaces } from 'react-i18next';
+ import { withNamespaces } from 'react-i18next-phraseapp';

Now, wrap your application with the PhraseAppProvider:

import { I18nextProvider } from 'react-i18next';
import { PhraseAppProvider } from 'react-i18next-phraseapp';

  <I18nextProvider i18n={ i18n }>
    <PhraseAppProvider config={ window.PHRASEAPP_CONFIG }>
      <MyApp />

As the last step, provide the PhraseApp configuration before your app is mounted:

 <div id="root"></div>
   window.PHRASEAPP_ENABLED = true;
   window.PHRASEAPP_CONFIG = {
     projectId: "<project-id>",
     prefix: "[[__",
     suffix: "__]]",
     fullReparse: true
 <script src="bundle.js"></script>



You can find a demo project on GitHub.


Run tests via jest:

$ npm test


$ npm run build


Thank you to choffmeister for pointing us in the right direction.

Alternatives To React I18next Phraseapp
Select To Compare

Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Typescript (255,712
Reactjs (164,470
Editor (31,940
Translation (13,583
Localization (5,334
I18n (4,848
L10n (658
I18next (209
React I18next (28
Phraseapp (18