Integrations/React SDK
icon-language

React SDK

Render translations in a React app

Get started free

Overview

The @multilocale/react package wraps your app in a provider, fetches the translations of one MultiLocale project and gives every component a useTranslation hook. The English source string is the key, so you write the copy once in your JSX and the other languages arrive from MultiLocale without a second code path.

Features

  • icon-arrow-right-filled

    useTranslation hook

    Call t() with the English source string and get the visitor language back.

  • icon-arrow-right-filled

    Runtime dictionary

    Translations are fetched at runtime, so publishing a change does not need a redeploy.

  • icon-arrow-right-filled

    Never a blank string

    A key with no translation yet renders the English source text instead of nothing.