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

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

למה לבחור ב-TacoTranslate עבור React?

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

איך זה עובד

התקן את חבילת 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: "התיקיה" שבה יאוחסנו המחרוזות שלך, כגון כתובת ה-URL של האתר שלך. למידע נוסף על המקורות לחצו כאן.

.env

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 יוכלו ליצור מחרוזות חדשות לתרגום.

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