Menu
Right-to-left locale configuration guide for Better Translate.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Extract source strings, generate locale files, and remove unused keys for Better Translate projects.
Expo and React Native integration guide using Better Translate React support.
React and Expo integration guide for Better Translate providers, hooks, and typed translation access.
Package map and reading order for Better Translate product skills.
Guide for combining Better Translate packages without duplicating translation ownership.
Smallest Better Translate setup for plain TypeScript, Node.js, Bun, APIs, and shared libraries.
Based on SOC occupation classification
| name | rtl |
| description | Right-to-left locale configuration guide for Better Translate. |
Use this guide when some locales should render right-to-left.
RTL is configured in @better-translate/core.
That means you define direction once in the translator, then adapters can read it later.
import { configureTranslations } from "@better-translate/core";
export const translator = await configureTranslations({
availableLocales: ["en", "ar"] as const,
defaultLocale: "en",
fallbackLocale: "en",
directions: {
ar: "rtl",
},
messages: { en, ar },
});
Then read it from the translator or server helpers:
translator.getDirection({ locale: "ar" }); // "rtl"
translator.isRtl({ locale: "ar" }); // true
Keep direction rules in the same shared exported translator so locale inference stays consistent anywhere you consume translator, server helpers, or React hooks.
Keep direction rules in the core config, not scattered across components.