
Security News
Deno 2.4 Brings Back deno bundle, Improves Dependency Management and Observability
Deno 2.4 brings back bundling, improves dependency updates and telemetry, and makes the runtime more practical for real-world JavaScript projects.
react-i18next-phraseapp
Advanced tools
DEPRECATED ⛔️ Connect react-i18next with the Phrase In-Context Editor
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.
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';
ReactDOM.render(
<I18nextProvider i18n={ i18n }>
<PhraseAppProvider config={ window.PHRASEAPP_CONFIG }>
<MyApp />
</PhraseAppProvider>
</I18nextProvider>,
document.getElementById('root')
);
As the last step, provide the PhraseApp configuration before your app is mounted:
<div id="root"></div>
<script>
window.PHRASEAPP_ENABLED = true;
window.PHRASEAPP_CONFIG = {
projectId: "<project-id>",
prefix: "[[__",
suffix: "__]]",
fullReparse: true
};
</script>
<script src="bundle.js"></script>
Done.
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.
FAQs
DEPRECATED ⛔️ Connect react-i18next with the Phrase In-Context Editor
The npm package react-i18next-phraseapp receives a total of 292 weekly downloads. As such, react-i18next-phraseapp popularity was classified as not popular.
We found that react-i18next-phraseapp demonstrated a not healthy version release cadence and project activity because the last version was released 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
Deno 2.4 brings back bundling, improves dependency updates and telemetry, and makes the runtime more practical for real-world JavaScript projects.
Security News
CVEForecast.org uses machine learning to project a record-breaking surge in vulnerability disclosures in 2025.
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.