CodeBlanks Logo Icon CodeBlanks

Translation dosyaları

Translation JSON dosyalarını öğrenirsin.

Translation dosyaları

Çeviri dosyaları her dil için bir JSON dosyasıdır. tr.json Türkçe, en.json İngilizce çevirileri taşır. Her dosya aynı anahtar yapısına sahiptir; yalnızca değerler farklıdır.

Örnek tr.json: { "hello": "Merhaba", "bye": "Hoşça kal" }. Örnek en.json: { "hello": "Hello", "bye": "Goodbye" }. Anahtarlar aynı; değerler dile göre değişir. Dosyalar ./locales/ gibi bir klasörde tutulur. İç içe gruplama yapılabilir: { "cart": { "total": "Toplam" } }. Bu, büyük projelerde düzeni korur.

İç içe anahtarlar

Büyük projelerde anahtarlar iç içe gruplanır. Örneğin { "cart": { "total": "Toplam", "empty": "Sepet boş" } }. Bu, sepetle ilgili tüm metinleri tek bir nesnede toplar.

Erişim: t('cart.total'), t('cart.empty'). Nokta işareti iç içe seviyeleri gezer. Bu yöntem, anahtar sayısı arttıkça düzeni korur. Örneğin 'cart.total' ve 'profile.name' ayrı gruplardadır; çakışma riski azalır. Dosya yapısı proje boyunca tutarlı olmalı; bir anahtar bir kez tanımlanır.

Uygulama Çeviri dosyası yaz

Bir en.json içeriği yaz. Kök nesnede "greeting" anahtarı "Hello" değerini, "farewell" anahtarı "Goodbye" değerini taşısın.

Başlangıç kodu

App.js
{
  // çeviri anahtarlarını buraya ekle
}

Örnek çözüm

App.js
{
  "greeting": "Hello",
  "farewell": "Goodbye"
}

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 Dosyayı diline eşle

Kavram Anlamı
tr.json Türkçe
en.json İngilizce
fr.json Fransızca
de.json Almanca

2 İç içe anahtar erişimi

Soru
t('____.total');
Cevap
t('cart.total');

Açıklama: cart.total iç içe erişimdir.

3 İç içe anahtar nasıl erişilir?

App.js
t(?)
  • 'cart.total' ile nokta Doğru cevap
  • 'cart/total' ile bölü
  • 'cart->total' ile ok
  • 'cart_total' ile alt çizgi

Açıklama: Nokta işareti iç içe seviyeleri gezer.

Uzman bölümündeki tüm dersler