react i18next ดาวน์โหลด - react i18next ดาวน์โหลดซอร์สโค้ด

react i18next

ซอร์สโค้ดอื่น ๆ

1.0.0

ดาวน์โหลด

ปฏิกิริยา-i18ต่อไป

สำคัญ:

Master Branch เป็นเวอร์ชันใหม่ล่าสุดที่ใช้ hooks (>= v10)

$ > =v10.0.0
npm i react-i18next

react-native: หากต้องการใช้ hooks ภายใน react-native คุณต้องใช้ react-native v0.59.0 หรือสูงกว่า

สำหรับเวอร์ชันเก่า โปรดใช้สาขา v9.xx

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

เอกสารประกอบ

เอกสารนี้เผยแพร่บน react.i18next.com และสามารถระบุการเปลี่ยนแปลง PR ได้ที่นี่

เอกสารทั่วไปของ i18next ได้รับการเผยแพร่บน www.i18next.com และสามารถระบุการเปลี่ยนแปลง PR ได้ที่นี่

รหัสของฉันจะมีลักษณะอย่างไร

ก่อน: รหัสโต้ตอบของคุณจะมีลักษณะดังนี้:

...
< 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>
...

หลัง: ด้วยองค์ประกอบ trans เพียงเปลี่ยนเป็น:

...
< 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>
...

สิ่งที่คนอื่นพูด

วิธีทำให้แอปพลิเคชัน React เป็นสากลอย่างถูกต้องโดยใช้ i18next โดย Adriano Raiano
I18n พร้อม React และ i18next ผ่าน Alligator.io โดย Danny Hurlburt
สุดยอดแอพรองรับหลายภาษาของ React (Mobx) ด้วย i18next ผ่าน itnext.io โดย Viktor Shevchenko
การทำให้เป็นสากลสำหรับการตอบสนองที่ถูกต้อง การใช้ระบบนิเวศ i18next i18n ผ่าน reactjsexample.com
วิธีแปลแอปพลิเคชัน React ด้วย react-i18next ผ่าน codetain.co โดย Norbert Suski
สร้าง i18n ด้วย Gatsby ผ่าน gatsbyjs.org โดย Samuel Goudie
รับการแปลแอปพลิเคชัน react.js อย่างมีสไตล์โดย Jan Mühlemann
แปลแอปพลิเคชันมือถือ expo.io / react-native ของคุณโดย Jan Mühlemann
ยินดีแบ่งปันเรื่องราวของคุณ...

ทำไมต้อง i18next?

ความเรียบง่าย: ไม่จำเป็นต้องเปลี่ยนการกำหนดค่า webpack ของคุณหรือเพิ่ม babel transpilers เพิ่มเติม เพียงใช้ create-react-app แล้วไป
พร้อมสำหรับการผลิต เรารู้ว่ามีความต้องการสำหรับการผลิตมากกว่าแค่การทำ i18n บนฝั่งไคลเอ็นต์ ดังนั้นเราจึงให้การสนับสนุนในวงกว้างบนเซิร์ฟเวอร์ด้วยเช่นกัน (nodejs, php, ruby, .net, ...) เรียนรู้ครั้งเดียว - แปลได้ทุกที่
Beyond i18n มาพร้อมกับตำแหน่งที่เชื่อมช่องว่างระหว่างการพัฒนาและการแปล - ครอบคลุมกระบวนการแปลทั้งหมด

เวิร์กโฟลว์การแปลเป็นภาษาท้องถิ่น

ต้องการเรียนรู้เพิ่มเติมว่ากระบวนการแปลและความเป็นสากลของคุณราบรื่นเพียงใด

วิดีโอ

ดูวิดีโอ

การติดตั้ง

สามารถโหลดแหล่งที่มาได้ผ่านทาง npm หรือดาวน์โหลดจาก repo นี้

 # npm package
$ npm install react-i18next

หากคุณไม่ได้ใช้ตัวโหลดโมดูล โมดูลจะถูกเพิ่มใน window.reactI18next

คุณชอบที่จะอ่านบทช่วยสอนทีละขั้นตอนที่สมบูรณ์กว่านี้หรือไม่?

ที่นี่คุณจะพบกับบทช่วยสอนง่ายๆ เกี่ยวกับวิธีใช้ react-i18next ให้ดีที่สุด พื้นฐานบางประการของ i18next และความเป็นไปได้เจ๋งๆ บางประการเกี่ยวกับวิธีการเพิ่มประสิทธิภาพเวิร์กโฟลว์การแปลเป็นภาษาท้องถิ่นของคุณ