skills.rest
marmelab
marmelabOFFICIAL
Explore all skills by this author →
WebsiteGitHub

react-admin-i18n

Implement scalable i18n workflows for react-admin and shadcn admin kit projects.

26.9k|5.5k|Updated Jul 13, 2016
Search Tags:#localization#translation#language#i18n#internationalization#polyglot#react-admin
One-click install
npx skills add https://github.com/marmelab/react-admin --skill react-admin-i18n
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-admin-i18n
Source: https://github.com/marmelab/react-admin/tree/main/.agents/skills/i18n
Command: npx skills add https://github.com/marmelab/react-admin --skill react-admin-i18n

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Converts hardcoded English UI in react-admin/shadcn admin kit projects into multilingual experiences by establishing a complete i18n workflow, including providers, catalogs, and locale handling.

Core Features & Use Cases

  • Establishes an i18n provider with browser locale detection and catalog merging.
  • Structures translation namespaces (resources, app, and framework messages) to support automatic label resolution, pluralization, and fallback behavior.
  • Provides a proven workflow for migrating existing apps from English to multiple languages, with type-safe catalogs and runtime locale switching.

Quick Start

Configure the i18n provider, create English catalogs, translate keys, and implement a language switcher in your app.

Frequently Asked Questions about react-admin-i18n

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add internationalization to a react-admin dashboard?▼

Adding internationalization to a react-admin dashboard requires setting up an i18n provider, structuring translation namespaces, and creating typed catalogs to replace hardcoded English UI with multilingual support.

What is the best way to manage translation namespaces in react-admin?▼

Managing translation namespaces in react-admin involves structuring catalogs into resources, app, and framework messages to support automatic label resolution, pluralization, and fallback behavior across your admin interface.

Can I switch locales at runtime in a shadcn admin kit application?▼

Yes, you can switch locales at runtime in a shadcn admin kit application by implementing a language switcher that interacts with the configured i18n provider to validate fallbacks and update the UI instantly.

How do I migrate an existing react-admin app from English to multiple languages?▼

Migrating an existing react-admin app from English to multiple languages involves configuring an i18n provider, creating English catalogs, translating keys, merging catalogs, and implementing a language switcher with type-safe validation.

Does react-admin i18n support automatic label resolution and pluralization?▼

React-admin i18n supports automatic label resolution and pluralization by structuring translation namespaces across resources, app, and framework messages, ensuring correct fallback behavior for missing keys.

Why do I need a typed translation catalog for my admin dashboard?▼

You need a typed translation catalog for your admin dashboard to ensure type safety when migrating hardcoded English UI, preventing missing keys and validating fallbacks during runtime locale switching.

Related Skills

Explore More Software Engineering Skills→
SouleymaneSy7SouleymaneSy7
2

react-admin-i18n

Configure React-Admin i18n with Polyglot.js and translation catalogs.

Community
Advanced
chartsaichartsai

springboot-i18n

Implement Spring Boot and Thymeleaf internationalization with MessageSource and locale switchers.

Community
Advanced
sadamkhan7679sadamkhan7679
2

shadcn-shared-form-fields

Provide type-safe React form components for react-hook-form and shadcn/ui.

Community
Basic
babuallybabually
1

lingui-best-practices

Implement Lingui internationalization best practices for React and JavaScript applications.

Community
Intermediate