@tolgee/react
Advanced tools
Tolgee is an open-source alternative to Crowdin, Phrase, or Lokalise with its very own revolutionary integrations.
Become part of the family. Join slack channel
React integration library of Tolgee. This package makes it super simple to add i18n to your React app! For more information about using Tolgee with React, visit the docs 📖.
Localize (translate) your CRA, Next.js, or other React projects to multiple languages with Tolgee. Integration of Tolgee is extremely simple! 🇯🇵 🇰🇷 🇩🇪 🇨🇳 🇺🇸 🇫🇷 🇪🇸 🇮🇹 🇷🇺 🇬🇧
npm install @tolgee/react
Then use the library in your app:
import { TolgeeProvider, ReactPlugin, FormatSimple } from "@tolgee/react";
const tolgee = Tolgee()
.use(ReactPlugin())
.use(FormatSimple())
.init({
language: 'en',
apiUrl: process.env.REACT_APP_TOLGEE_API_URL,
apiKey: process.env.REACT_APP_TOLGEE_API_KEY
});
<TolgeeProvider
tolgee={tolgee}
>
<Your app components>
</TolgeeProvider>
To translate texts using Tolgee React integration, you can use T component or useTranslate hook.
import { T } from "@tolgee/react";
...
<T>translation_key</T>
or
<T keyName="translation_key">Default value</T>
import { useTranslate } from "@tolgee/react";
...
const { t } = useTranslate();
...
t("key_to_translate")
Because it saves a lot of time, you would spend on localization tasks without it. Because it enables you to provide perfectly translated software.
Read more on the Tolgee website
We welcome your PRs.
To develop the package locally:
pnpm install
pnpm develop:react
This runs the development suite of this monorepo for the react integration. The changes in each dependency package are
automatically built and propagated to the test application, which you can open and play within the browser.
To run Jest tests of this package, execute
npm run test
In the /packages/react directory.
To run the e2e tests, simply execute
pnpm run e2e run react
To open and play with e2e tests, run:
pnpm run e2e open react
FAQs
React implementation for Tolgee localization framework
The npm package @tolgee/react receives a total of 21,216 weekly downloads. As such, @tolgee/react popularity was classified as popular.
We found that @tolgee/react demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers 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
Research
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
Research
Security News
Attackers used a malicious npm package typosquatting a popular ESLint plugin to steal sensitive data, execute commands, and exploit developer systems.
Security News
The Ultralytics' PyPI Package was compromised four times in one weekend through GitHub Actions cache poisoning and failure to rotate previously compromised API tokens.