---
title: "React translation & i18n tutorials"
description: "Translate your React app with react-intl, react-i18next and other popular i18n packages — setup, JSON translation files and language switching."
canonical: "https://www.codeandweb.com/tutorials/react"
source: "html"
---

# React translation & i18n tutorials

Translate your React app with react-intl, react-i18next and other popular i18n packages — setup, JSON translation files and language switching.  
We currently have these 2 tutorials [tagged](https://www.codeandweb.com/tags.md) with **react**:

![How to translate your React app with react-i18next](https://www.codeandweb.com/static/d3307390eb063e0f4de56fd80bf052d7/d8f52/how-to-translate-your-react-app-with-react-i18next.png)

[How to translate your React app with react-i18next](https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-react-app-with-react-i18next.md)

You will learn how to translate your React app with react-i18next. The tutorial also explains how to manage the translations json files with BabelEdit.

![How to translate your React app with react-intl / FormatJS](https://www.codeandweb.com/static/caca3c1b76487f57e2a193d4353f351d/d8f52/how-to-translate-your-react-app-with-react-intl.png)

[How to translate your React app with react-intl / FormatJS](https://www.codeandweb.com/babeledit/tutorials/how-to-translate-your-react-app-with-react-intl.md)

Tutorial with a complete example on react translations. Covers: react-intl, FormattedMessage, IntlProvider and babel-plugin-react-intl