react i18next example

An example repository showing how to use Localazy with react and i18next library for translation management and localization.

5
2
JavaScript

react-i18next-example

React Starter in Spanish

This is an example repository showing how to use Localazy with react-i18next for localization management.
To learn more, check out the blog post describing the set up in detail.

Sandbox

https://codesandbox.io/s/misty-thunder-phjq0

Testing out this repo

This repository contains translations from an actual Localazy React i18next example app. You can try to run localazy download to see how it works. However, this app is in read-only mode, meaning that localazy upload will fail.

First install dependencies

npm install

and then run the application

npm run start

Adjusting for your own project

  • sign up for Localazy,
  • create an app. Although English is recommended, you may use any language as source
  • select React integration option and install Localazy CLI,
  • Retrieve your writeKey and readKey from the integration guide page and change them in localazy.keys.json,
  • it is recommended to add localazy.keys.json to .gitignore
  • remove every locale file except for your source locale (presumably en.json)
  • fill in your source phrases,
  • run localazy upload,
  • when you have accepted strings in other languages, run localazy download and check locales folder for the new translations,
  • run the app npm run start