הפתרון הטוב ביותר לאינטרנציונליזציה (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: קוד ברירת המחדל לשפה (fallback). בדוגמה זו נגדיר אותו כ־en עבור אנגלית.
• TACOTRANSLATE_ORIGIN: ה"תיקייה" שבה יאוחסנו המחרוזות שלך, כגון כתובת ה‑URL של האתר שלך. קראו עוד על המקורות כאן.

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:

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

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

התחל עוד היום!

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

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

Be sure to check out the complete examples over at our GitHub profile. If you encounter any problems, feel free to reach out, and we’ll be more than happy to help.

TacoTranslate lets you automatically localize your React applications quickly to and from over 75 languages. Translate for free!