react i18next

reaksi-i18selanjutnya

PENTING:

Master Branch adalah versi terbaru yang menggunakan hook (>= v10).

$ > =v10.0.0
npm i react-i18next

react-native: Untuk menggunakan hook dalam react-native, Anda harus menggunakan react-native v0.59.0 atau lebih tinggi

Untuk versi lawas silakan gunakan Cabang v9.xx

$ v9.0.10 (legacy)
npm i react-i18next@legacy

Dokumentasi

Dokumentasi dipublikasikan di react.i18next.com dan perubahan PR dapat diberikan di sini.

Dokumentasi umum i18next dipublikasikan di www.i18next.com dan perubahan PR dapat diberikan di sini.

Seperti apa tampilan kode saya?

Sebelumnya: Kode reaksi Anda akan terlihat seperti:

...
< div > Just simple content < / div >
< div >
  Hello < strong title = "this is your name" > { name } < / strong>, you have {count} unread message(s). <Link to=" / msgs ">Go to messages</Link>.
</div>
...

Setelah: Dengan komponen trans ubah saja menjadi:

...
< div > { t ( 'simpleContent' ) } < / div >
< Trans i18nKey = "userMessagesUnread" count = { count } >
  Hello < strong title = { t ( 'nameTitle' ) } > { { name } } < / strong>, you have {{count}} unread message. <Link to=" / msgs ">Go to messages</Link>.
</Trans>
...

Apa yang orang lain katakan

• Cara menginternasionalkan aplikasi React dengan benar menggunakan i18next oleh Adriano Raiano
• I18n dengan React dan i18next melalui Alligator.io oleh Danny Hurlburt
• Lokalisasi Utama Aplikasi React (Mobx) dengan i18next melalui itnext.io oleh Viktor Shevchenko
• Internasionalisasi untuk react dilakukan dengan benar Menggunakan ekosistem i18next i18n melalui reactjsexample.com
• Cara menerjemahkan aplikasi React dengan react-i18next melalui codetain.co oleh Norbert Suski
• Membangun i18n dengan Gatsby melalui gatsbyjs.org oleh Samuel Goudie
• Dapatkan aplikasi react.js Anda diterjemahkan dengan gaya oleh Jan Mühlemann
• Terjemahkan aplikasi seluler expo.io / react-native Anda oleh Jan Mühlemann
• Anda dipersilakan untuk berbagi cerita Anda...

Mengapa i18next?

• Kesederhanaan: tidak perlu mengubah konfigurasi webpack Anda atau menambahkan transpiler babel tambahan, cukup gunakan create-react-app dan buka.
• Siap produksi Kami tahu ada lebih banyak kebutuhan untuk produksi daripada sekadar melakukan i18n di sisi klien, jadi kami juga menawarkan dukungan yang lebih luas di sisi server (nodejs, php, ruby, .net, ...). Pelajari sekali - terjemahkan ke mana saja .
• Beyond i18n hadir dengan locize yang menjembatani kesenjangan antara pengembangan dan terjemahan - yang mencakup keseluruhan proses penerjemahan.

Alur kerja pelokalan

Ingin mempelajari lebih lanjut tentang betapa lancarnya proses internasionalisasi dan penerjemahan Anda?

tonton videonya

Instalasi

Sumber dapat dimuat melalui npm atau diunduh dari repo ini.

 # npm package
$ npm install react-i18next

• Jika Anda tidak menggunakan pemuat modul, modul itu akan ditambahkan ke window.reactI18next

Apakah Anda suka membaca tutorial langkah demi langkah yang lebih lengkap?

Di sini Anda akan menemukan tutorial sederhana tentang cara terbaik menggunakan react-i18next. Beberapa dasar-dasar i18next dan beberapa kemungkinan keren tentang cara mengoptimalkan alur kerja pelokalan Anda.

Contoh

• Contoh bereaksi
• Bereaksi contoh dengan skrip ketikan
• Contoh losize.com

sampel v9

• Contoh bereaksi
• Contoh pract
• Contoh reaksi-asli
• Contoh expo.io
• Contoh next.js
• Contohnya gila-gilaan
• Contoh browser hashbase/gelas
• Contoh buku cerita
• Contoh losize.com
• Contoh tes dengan bercanda

Persyaratan

• bereaksi >= 16.8.0
• reaksi-dom >= 16.8.0
• reaksi-asli >= 0.59.0
• i18next >= 10.0.0 (pengguna skrip: >=17.0.9)

v9

• react >= 0.14.0 (dalam kasus < v16 atau preact Anda perlu mendefinisikan induk dalam komponen Trans atau secara global dalam opsi i18next.react)
• i18berikutnya >= 2.0.0

Kontributor Inti

Terima kasih kepada orang-orang hebat ini (kunci emoji):

Jan Mühlemann ?

Adriano Raiano ?

Pedro Durek ?

Harimau Abrodi ?

Proyek ini mengikuti spesifikasi semua kontributor. Kontribusi apa pun dipersilakan!

---

Sponsor Emas

---

lokalisasi sebagai layanan - locize.com

Membutuhkan manajemen terjemahan? Ingin mengedit terjemahan Anda dengan Editor InContext? Gunakan dokumen asli yang disediakan oleh pengelola i18next!

Dengan menggunakan locize Anda secara langsung mendukung masa depan i18next dan react-i18next.

---