react-i18next example

Read more about it.

Installation

git clone <repo>
cd frontend
npm install
npm start

Walkthrough

Setup

see package.json for libraries
see src/i18n.js for library setup
see src/index.js for library setup import
see src/App.js for usage

Extracting Translations

Reference: https://react.i18next.com/guides/extracting-translations

1. Manual
1. Extraction Tool
- https://www.npmjs.com/package/i18next-scanner
- https://www.npmjs.com/package/i18next-parser (used)
  - see frontend/src/i18n.js and package.json
- https://www.npmjs.com/package/babel-plugin-i18next-extract
1. Runtime Extraction with Backend
- custom Express backend (Reference: https://github.com/i18next/i18next-express-middleware)
- see frontend/src/i18n.js and backend/

Alternative Libraries

react-intl

js-lingui