js lingui

Lingui _JS

? Internasionalisasi yang dapat dibaca, otomatis, dan dioptimalkan (3 kb) untuk JavaScript

---

Dokumentasi · QuickStart · Contoh · Dukungan · Kontribusi · Lisensi

Internasionalisasi adalah desain dan pengembangan konten produk, aplikasi atau dokumen yang memungkinkan lokalisasi mudah untuk audiens target yang bervariasi dalam budaya, wilayah, atau bahasa.

--- W3C Web Internatization FAQ

Lingui adalah kerangka kerja internasionalisasi yang mudah namun kuat (I18N) untuk proyek -proyek global.

• Bersih dan mudah dibaca - Jaga kode Anda bersih dan mudah dibaca, sementara perpustakaan menggunakan ICU MessageFormat yang diuji pertempuran dan kuat di bawah tenda.

• Universal - Gunakan di mana -mana. @lingui/core menyediakan fungsionalitas intl esensial yang berfungsi dalam proyek JavaScript apa pun sementara @lingui/react menawarkan komponen untuk memanfaatkan rendering bereaksi, termasuk dukungan komponen server reaksi (RSC).

• Dukungan teks kaya penuh - Gunakan komponen bereaksi di dalam pesan lokal tanpa batasan apa pun. Menulis pesan teks kaya semudah menulis JSX.

• Tooling yang kuat - Kelola alur kerja INTL Anda dengan lingui CLI, plugin vite, dan plugin Eslint. CLI mengekstrak, mengkompilasi dan memvalidasi pesan, sementara plugin Vite mengkompilasi katalog dengan cepat, dan plugin Eslint membantu menangkap kesalahan penggunaan umum.

• Unopinionated - Integrasi Lingui ke dalam alur kerja Anda yang ada. Ini mendukung kunci pesan serta pesan yang dihasilkan secara otomatis. Terjemahan disimpan baik di JSON atau file PO standar, yang didukung di hampir semua alat terjemahan.

• Ringan dan dioptimalkan - Perpustakaan inti kurang dari 3 kb Gzipped, komponen reaksi tambahan 1,4 kb Gzipped.

• Komunitas Aktif - Bergabunglah dengan komunitas pengembang yang sedang berkembang yang menggunakan Lingui untuk membangun produk global.

• Kompatibel dengan react-intl -API reaksi tingkat rendah sangat mirip dengan react-intl dan format pesannya sama. Sangat mudah untuk memigrasi proyek yang ada.

QuickStart

1. Perkenalan
2. Instalasi dan Pengaturan

Tutorial

• Bereaksi
• Komponen Server Bereaksi
• Bereaksi asli
• Javascript

Contoh

Contoh singkat bagaimana i18n terlihat dengan JSX:

 import { Trans } from "@lingui/react/macro"

function App ( ) {
  return (
    < Trans id = "msg.docs" /* id is optional */ >
      Read the < a href = "https://lingui.dev" > documentation </ a >
      for more info.
    </ Trans >
  )
}

Pesan dari komponen ini akan diekstraksi dalam format berikut:

 msgid "msg.docs"
msgstr "Read the <0>documentation</0> for more info."

Untuk lebih banyak contoh, lihat Direktori Contoh.

Mendukung

Jika Anda mengalami masalah, beri tahu kami.

• Bergabunglah dengan kami di perselisihan untuk mengobrol dengan komunitas.
• Ajukan pertanyaan di StackOverflow dan tandai dengan tag linguijs .
• Jika sesuatu tidak berfungsi seperti yang didokumentasikan, dokumentasi hilang atau jika Anda hanya ingin menyarankan fitur baru, buat masalah.
• Anda juga dapat bertanya kepada Lingui JS Guru, itu adalah AI yang berfokus pada lingui untuk menjawab pertanyaan Anda.

Menyumbang

Kontribusi untuk proyek open-source adalah segalanya mulai dari menyebarkan berita, menulis dokumentasi untuk mengimplementasikan fitur dan memperbaiki bug.

• Apakah Anda menggunakan Lingui di situs produksi? Beri tahu kami!
• Pernahkah Anda melihat pembicaraan atau artikel yang menarik tentang i18n ? Bagikan!
• Pernahkah Anda menemukan bug atau Anda ingin menyarankan fitur baru? Buat masalah!
• Apakah Anda ingin meningkatkan dokumen dan menulis beberapa kode? Baca Panduan Kontributor dan kirim PR!

Kontributor

Proyek ini ada berkat semua orang yang berkontribusi. [Menyumbang].

Lisensi

Proyek ini dilisensikan di bawah lisensi MIT.