React Native Localization & i18n

Instructions

Use i18next + react-i18next as the default stack. @lingui/react is an acceptable alternative when the team prefers macro-based message extraction.

1. Setup

// src/app/i18n.ts
import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';
import { getLocales } from 'expo-localization';
import en from '@assets/i18n/en.json';
import fr from '@assets/i18n/fr.json';
import ar from '@assets/i18n/ar.json';

const fallback = 'en';
const device = getLocales()[0]?.languageCode ?? fallback;