0Pricing
React Academy · Lesson

Setting Up react-i18next

Install and configure i18next with language detection and namespace splitting.

Welcome

In this lesson you will install and configure react-i18next with language detection and namespace splitting to add multi-language support to a React app.

Installing Dependencies

Install i18next and react-i18next. Optionally add i18next-browser-languagedetector for automatic locale detection and i18next-http-backend for loading translations over HTTP.
npm install i18next react-i18next
npm install i18next-browser-languagedetector i18next-http-backend

All lessons in this course

  1. Setting Up react-i18next
  2. Using the useTranslation Hook
  3. Pluralisation & Interpolation
  4. Language Switcher & Lazy-Loading Translations
← Back to React Academy