DEPRECATED react-i18next-phraseapp
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.
Installation
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
:
;; ReactDOM;
As the last step, provide the PhraseApp configuration before your app is mounted:
<div id="root"></div> <script> windowPHRASEAPP_ENABLED = true; windowPHRASEAPP_CONFIG = projectId: "<project-id>" prefix: "[[__" suffix: "__]]" fullReparse: true ; </script> <script src="bundle.js"></script>
Done.
Demo
You can find a demo project on GitHub.
Test
Run tests via jest:
$ npm test
Build
$ npm run build
Acknowledgements
Thank you to choffmeister for pointing us in the right direction.