Basitleştirilmiş React i18n
Hooks, context ve sorunsuz CDN dağıtımı ile React uygulamaları için tip güvenli uluslararasılaştırma.
Get started in 3 steps
Install
Add @better-i18n/use-intl and use-intl to your project.
npm install @better-i18n/use-intl use-intl
Wrap your app with BetterI18nProvider
Place the provider at the root of your component tree. It fetches messages from the CDN and makes them available via hooks.
import { BetterI18nProvider } from '@better-i18n/use-intl';
function App() {
return (
<BetterI18nProvider project="your-org/your-project" locale="en">
<YourApp />
</BetterI18nProvider>
);
}Use translations
Call useTranslations() in any component to access your translation keys with full TypeScript support.
import { useTranslations } from '@better-i18n/use-intl';
function MyComponent() {
const t = useTranslations('common');
return <h1>{t('welcome')}</h1>;
}Özellikler
Installation & Setup
Get started with @better-i18n/use-intl in three steps — install, wrap your app with the provider, and start translating.
# 1. Install
npm install @better-i18n/use-intl
# 2. Wrap your app
import { BetterI18nProvider } from '@better-i18n/use-intl'
function App() {
return (
<BetterI18nProvider project="org/project" locale="en">
<YourApp />
</BetterI18nProvider>
)
}
# 3. Use translations
import { useTranslations } from '@better-i18n/use-intl'
function MyComponent() {
const t = useTranslations('common')
return <h1>{t('welcome')}</h1>
}Popüler React i18n Kütüphaneleriyle Çalışır
Better i18n favori i18n kütüphanenizin yerine geçmez - onları daha güçlü kılan çeviri yönetim katmanıdır.
Better i18n + react-intl
ICU mesaj formatı desteği ile en popüler React i18n kütüphanesi. Binlerce üretim uygulaması tarafından kullanılır.
Better i18n çevirilerinizi doğrudan react-intl JSON formatına senkronize eder. Dashboard'ımızda düzenleyin, değişiklikleri anında uygulamanızda görün.
Better i18n + react-i18next
i18next tabanlı güçlü React i18n framework'ü. Namespace'ler, interpolasyon ve çoğullama gibi özellikler dahil.
Namespace'lerle i18next uyumlu JSON'a aktarın. Better i18n çeviri iş akışını yönetir, i18next çalışma zamanını yönetir.
Better i18n + FormatJS
react-intl'i içeren uluslararasılaştırma kütüphaneleri seti. ICU Message sözdizimi ve CLDR verisini destekler.
Better i18n ICU mesaj formatını doğal olarak destekler. Karmaşık çoğullama ve seçimleri görsel olarak yönetin, FormatJS formatına aktarın.
Better i18n + Lingui
Okunabilir, otomatik ve optimize edilmiş i18n kütüphanesi. Makro tabanlı mesaj çıkarma ile harika DX.
Lingui CLI ile mesajları çıkarın, Better i18n'de çevirileri yönetin, GitHub entegrasyonu ile otomatik senkronize edin.
Hızlı Başlangıç
React uygulamanızda Better i18n ile dakikalar içinde başlayın.
import { useTranslations } from '@better-i18n/use-intl';
function MyComponent() {
const t = useTranslations('common');
return (
<div>
<h1>{t('welcome')}</h1>
<p>{t('greeting', { name: 'World' })}</p>
</div>
);
}Related Articles
Django i18n ve AI ile Çeviri: Eksiksiz Kurulum Rehberi
Django i18n ve AI ile Çeviri: Eksiksiz Kurulum Rehberi Django, GNU gettext üzerine kurulu olgun bir uluslararasılaştırma (i18n) çerçevesiyle birlikte...
Read more →Geliştirici Deneyimine Derinlemesine Bakış: Better i18n'in Platform UX'i Yerelleştirmeyi Nasıl Hızlı ve Sezgisel Hale Getiriyor
Yerelleştirme platformlarının hantal arayüzler, yavaş editörler ve komite tarafından tasarlanmış gibi hissettiren iş akışlarıyla anıldığı bir gerçektir....
Read more →Unsplash Entegrasyonuyla Medya Yönetimi: Eksiksiz Bir CMS Rehberi
Çevirilerle birlikte medya yönetimi, çoğu i18n aracında hep ikinci planda kalmıştır. Metni çevirirsiniz, ardından görselleri ayrı bir sistemde manuel...
Read more →Diğer Framework'ler için i18n'i Keşfedin
React i18n ile İnşa Etmeye Başlayın
Ücretsiz plan mevcut. Kredi kartı gerekmez.