# General Translation Knowledge Base: Comment traduire une application React Native ? URL: https://generaltranslation.com/fr/kb/translate-react-native-app.mdx Docs index: https://generaltranslation.com/llms.txt Description: Marquez le texte dans vos composants, générez un fichier de traduction pour chaque langue, ajoutez des polyfills Intl et chargez le fichier correspondant à la langue de l’appareil. Avec gt-react-native, la bibliothèque expérimentale de General Translation, vous encapsulez le texte dans ``, un plugin Babel ajoute les polyfills et npx gt translate génère les fichiers. Category: Internationalisation Last updated: 2026-10-21 Authors: Kevin Liu, Kevin Wu Published: 2026-10-21 Traduire une application React Native consiste à marquer le texte dans vos composants, à produire une traduction pour chaque langue, puis à charger celle qui correspond à la langue de l’appareil. L’environnement d’exécution JavaScript de React Native n’intègre pas l’ensemble des API `Intl` qui servent à formater les nombres, les dates et les formes plurielles : l’application a donc besoin de polyfills. Le bundler Metro ne sait pas résoudre les chemins d’import calculés : chaque fichier de traduction doit donc être chargé par un appel `require` statique. Enfin, chaque livraison apporte de nouvelles chaînes qui doivent être traduites dans toutes les langues avant sa mise en production. ## Video The video is narrated in English, with English captions. [How do I translate a React Native app?](https://caxecubb9c64cezv.public.blob.vercel-storage.com/films/kb-translate-react-native-app.mp4) (47 s) General Translation lets you translate a React Native app with `gt-react-native` and `T`. Add its Babel plugin, call `initializeGT` with `loadTranslations`, mark the welcome with ``, run `npx gt translate`, and run it as a development build. ## Méthodes pour traduire une application React Native | Approche | Ses points forts | Ce qui reste à votre charge | | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Une bibliothèque d’internationalisation (i18n) seule ([`i18next`](/kb/general-translation-vs-i18next), [`react-intl`](/kb/general-translation-vs-react-intl)) | Des environnements d’exécution éprouvés pour afficher les traductions et formater les valeurs | Déplacer chaque chaîne de caractères dans des fichiers de clés, remplacer le texte de chaque `` par une recherche de clé, ajouter les polyfills `Intl`, puis produire et maintenir chaque traduction | | `expo-localization` ou `react-native-localize` | Lisent les langues préférées et les paramètres régionaux de l’appareil, pour que l’application puisse choisir un paramètre régional de départ | Tout le reste : une bibliothèque pour rechercher les chaînes, les fichiers de traduction, les formes du pluriel et chaque traduction | | Un système de gestion de la traduction ([Crowdin](/kb/general-translation-vs-crowdin), [Lokalise](/kb/general-translation-vs-lokalise)) | Un éditeur web synchronisé avec votre dépôt, où les traducteurs travaillent avec des captures d’écran, un glossaire et une mémoire de traduction | La bibliothèque d’i18n et les fichiers de clés dans l’application, la configuration initiale de la synchronisation, et l’attente des traducteurs avant chaque livraison | | General Translation (`gt-react-native` et la CLI `gt`) | [``](/docs/react/reference/components/t) traduit `` sur place sans clés, un plugin Babel ajoute les polyfills `Intl`, et [`npx gt translate`](/docs/cli/reference/commands/translate) génère un fichier par langue en appliquant votre glossaire et vos instructions personnalisées | Le paquet est expérimental, et les applications Expo nécessitent un build de développement, car Expo Go ne peut pas charger le module natif du paquet | Optez pour une bibliothèque d’i18n seule, avec des traductions rédigées à la main, si l’application ne compte que quelques écrans et une ou deux langues cibles, ou si votre équipe doit continuer à tester dans Expo Go ; associez-la à `expo-localization` ou `react-native-localize` pour choisir la langue de départ. Optez pour un système de gestion de la traduction si une équipe de localisation traduit chaque livraison à la main. Optez pour General Translation si les textes changent à chaque livraison et que chaque langue doit suivre le rythme. Si vous utilisez déjà `i18next`, la CLI `gt` peut traduire ses fichiers JSON. ## Traduire une application React Native avec General Translation Le paquet `gt-react-native` de General Translation est expérimental et fonctionne avec Expo comme avec la CLI React Native sans surcouche. 1. Installez `gt-react-native` et la CLI `gt`, puis indiquez vos langues dans `gt.config.json`. 2. Ajoutez le plugin Babel du paquet, qui injecte les polyfills `Intl` dans votre fichier d’entrée. 3. Appelez [`initializeGT`](/docs/react/reference/config#initialize) une seule fois avec une fonction [`loadTranslations`](/docs/react/reference/functions/load-translations), puis encapsulez l'application dans [``](/docs/react/reference/components/gt-provider), qui détecte le paramètre régional de l'appareil. 4. Encapsulez le texte dans [``](/docs/react/reference/components/t), sans aucune clé : ```tsx import { T } from 'gt-react-native'; Welcome back Your order is on its way. ; ``` 5. Connectez-vous avec [`npx gt login`](/docs/cli/reference/commands/login) et renseignez votre identifiant de projet. 6. Exécutez [`npx gt translate`](/docs/cli/reference/commands/translate) pour générer un fichier de traduction par langue, puis ajoutez la commande à votre script de compilation afin que chaque livraison embarque des traductions à jour. Attribuez un même groupe de contexte (votre glossaire et vos instructions personnalisées) à vos projets mobile et web pour garantir une terminologie et un ton cohérents entre les deux. Le [Démarrage rapide React Native](/docs/react/react-native-quickstart) détaille toutes les étapes. ## Related questions - [Comment traduire une application React ?](https://generaltranslation.com/fr/kb/translate-react-app.mdx): Traduire une application React consiste à internationaliser ses composants pour qu’ils s’affichent dans la langue de l’utilisateur, puis à traduire chaque chaîne de caractères dans chacune des langues prises en charge. gt-react de General Translation traduit le JSX sur place dans le composant ``, et npx gt translate génère un fichier par langue. - [Comment ajouter l’i18n à une application Next.js App Router ?](https://generaltranslation.com/fr/kb/add-i18n-to-nextjs.mdx): Commencez par gt init pour configurer General Translation dans un projet App Router pris en charge, puis balisez le contenu source, générez les traductions et vérifiez le changement de langue. gt-next conserve les textes dans le JSX avec leur contexte de traduction ; la CLI, l’éditeur du tableau de bord et Locadex prennent en charge la génération, la relecture et les mises à jour continues. Ce guide présente également la configuration initiale explicite avec des fichiers locaux. - [Peut-on faire de l’i18n sans fichiers de traduction ?](https://generaltranslation.com/fr/kb/i18n-without-translation-files.mdx): Oui. Les bibliothèques gt-react et gt-next de General Translation permettent d’internationaliser React et Next.js sans clés de traduction ni fichier JSON par langue à maintenir. Le texte reste intégré au JSX, dans le composant ``, et la commande gt translate génère les traductions de chaque langue lors de la compilation, en s’appuyant sur le contexte de votre code. Locadex peut les tenir à jour via des pull requests. - [Comment gérer les formes plurielles dans React ?](https://generaltranslation.com/fr/kb/how-to-handle-plurals-in-react.mdx): Pour gérer les formes plurielles dans React, fournissez à chaque langue une phrase par forme du pluriel et sélectionnez-la selon les règles de pluriel de cette langue, car l’anglais compte 2 formes, le russe 4 et l’arabe 6. Le composant `` de General Translation, disponible dans gt-react et gt-next, prend vos formes source, et General Translation génère les formes requises par chaque langue cible. ## Previous and next questions - Previous question: [Comment traduire une application React ?](https://generaltranslation.com/fr/kb/translate-react-app.mdx) - Next question: [Comment traduire une application Vue ?](https://generaltranslation.com/fr/kb/translate-vue-app.mdx) ## Sitemap See the [Knowledge Base sitemap](https://generaltranslation.com/fr/kb/sitemap.md) for every article.