הפתרון הטוב ביותר לאינטרנשיונליזציה (i18n) באפליקציות React

איך זה עובד

התקן את חבילת TacoTranslate דרך npm:

npm install tacotranslate

כאשר התקנת את המודול, תצטרך ליצור חשבון ב-TacoTranslate, פרויקט תרגום ומפתחות API קשורים. צור חשבון כאן. זה חינמי, ו-אינו דורש הוספת כרטיס אשראי.

בתוך ממשק המשתמש של אפליקציית TacoTranslate, צרו פרויקט, וגשו ללשונית המפתחות API שלו. צרו מפתח אחד מסוג read, ומפתח אחד מסוג read/write. נשמור אותם כמשתני סביבה. מפתח ה-read הוא מה שאנו קוראים לו public ומפתח ה-read/write הוא secret. לדוגמה, תוכלו להוסיף אותם לקובץ .env בספריית השורש של הפרויקט שלכם.

תצטרך גם להוסיף שני משתני סביבה נוספים: TACOTRANSLATE_DEFAULT_LOCALE ו-TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: קוד ברירת המחדל של השפה החלופית. בדוגמה זו, נגדיר אותו כ-en עבור אנגלית.
• TACOTRANSLATE_ORIGIN: ה"תקייה" שבה יאוחסנו המחרוזות שלך, כגון כתובת האתר שלך. קרא עוד על origins כאן.

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

ודא שאתה אף פעם לא חושף את מפתח ה-API הסודי read/write לסביבות הפקה בצד הלקוח.

הגדרת TacoTranslate

אתחל את TacoTranslate באפליקציית React שלך על ידי עטיפת האפליקציה ב-TacoTranslate context provider:

import React, {useState} from 'react';
import TacoTranslate, {Translate} from 'tacotranslate/react';

const tacoTranslate = createTacoTranslateClient({
	apiKey: 'YOUR_API_KEY',
});

export default function App() {
	const [locale, setLocale] = useState('en');

	return (
		<TacoTranslate client={tacoTranslate} locale={locale}>
			<Translate string="Hello, world!"/>
		</TacoTranslate>
	);
}

כעת ניתן להשתמש ברכיב Translate בכל מקום בתוך היישום שלך כדי להציג טקסט מתורגם! הקפד לבדוק את התיעוד שלנו למידע נוסף, ולמדריכי יישום ספציפיים למערכת שלך.

import {Translate} from 'tacotranslate/react';

export default async function Component() {
	return (
		<Translate string="Hello? This is TacoTranslate speaking." />
	);
}

יתרונות השימוש ב-TacoTranslate

• חוסך זמן: מאוטם את התהליך המרגיז של לוקליזציה ואיסוף מחרוזות, וחוסך לכם זמן יקר.
• יעיל מבחינת עלות: מפחית את הצורך בתרגומים ידניים, וכך מוריד את עלויות הלוקליזציה שלכם.
• דיוק משופר: תרגומים מבוססי AI מבטיחים תוצאות מדויקות בהקשר ואיכותיות.
• פתרון סקיילבילי: הוסיפו בקלות תמיכה בשפות חדשות ככל שהאפליקציה ובסיס הלקוחות שלכם גדלים.

התחל היום!

אפליקציית React שלך תותרג אוטומטית כאשר תוסיף כל מחרוזת לרכיב Translate. שים לב שרק סביבות עם הרשאות read/write במפתח ה-API יוכלו ליצור מחרוזות חדשות לתרגום.

אנו ממליצים על סביבה סגורה ומאובטחת לסטייג'ינג, שבה תוכל לבדוק את אפליקציית הייצור שלך ולהוסיף מחרוזות חדשות לפני העלייה לאוויר. הדבר ימנע מאחרים לגנוב את מפתח ה-API הסודי שלך, וכן יגן מפני נפח יתר בפרויקט התרגום על ידי הוספת מחרוזות לא רצויות.

ודא לבדוק את הדוגמאות המלאות בפרופיל שלנו ב-GitHub. אם תיתקל בבעיות כלשהן, אל תהסס לפנות אלינו, ונשמח לעזור.

TacoTranslate מאפשרת לך לבצע לוקליזציה אוטומטית של יישומי React שלך במהירות לשפות שונות ולהפך. תרגם בחינם!