React აპებისთვის ინტერნაციონალიზაციის (i18n) საუკეთესო გადაწყვეტა

გსურთ თქვენი React აპლიკაციის გაფართოება ახალ ბაზრებზე? TacoTranslate ძალიან მარტივად ხდის თქვენი React აპების ლოკალიზაციას და საშუალებას მოგცემთ მიაღწიოთ გლობალურ აუდიტორიას უპრობლემოდ.

რატომ უნდა აირჩიოთ TacoTranslate React-ისთვის?

გლუვი ინტეგრაცია: სპეციალურად React აპლიკაციებისთვის შექმნილი, TacoTranslate მარტივად ინტეგრირდება თქვენს არსებულ სამუშაო პროცესში.
სტრინგების ავტომატური შეგროვება: JSON ფაილების ხელით მართვა აღარ არის საჭირო. TacoTranslate ავტომატურად აგროვებს სტრინგებს თქვენი კოდბაზიდან.
ხელოვნური ინტელექტით მომზადებული თარგმნები: გამოიყენეთ ხელოვნური ინტელექტი konტექსტუალურად ზუსტი თარგმნების მისაღებად, რომლებიც შეესაბამება თქვენს აპლიკაციას ტონს.
მყისიერი ენის მხარდაჭერა: დაამატეთ მხარდაჭერა ახალ ენებზე მხოლოდ ერთი კლიკით, რაც გახდის თქვენს აპლიკაციას გლობალურად ხელმისაწვდომს.

როგორ მუშაობს

დაინსტალირეთ TacoTranslate პაკეტი npm-ის საშუალებით:

npm install tacotranslate

როდესაც მოდული დაინსტალირებულია, თქვენ უნდა შექმნათ TacoTranslate ანგარიში, თარგმნის პროექტი და შესაბამისი API გასაღებები. შექმენით ანგარიში აქ. ეს უფასოა და არ სჭირდება საკრედიტო ბარათის დამატება.

TacoTranslate-ის აპლიკაციის UI-ში შექმენით პროექტი და გადადით მისი API გასაღებების ჩანართზე. შექმენით ერთი read გასაღები და ერთი read/write გასაღები. ჩვენ მათ შევინახავთ როგორც გარემოს ცვლადებს. read გასაღებს ვუწოდებთ public, ხოლო read/write გასაღები არის secret. მაგალითად, შეგიძლიათ დაამატოთ ისინი თქვენი პროექტის ძირითადი საქაღალდის .env ფაილში.

თქვენ ასევე უნდა დაამატოთ კიდევ ორი გარემოს ცვლადი: TACOTRANSLATE_DEFAULT_LOCALE და TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: ნაგულისხმევი (fallback) ლოკალის კოდი. ამ მაგალითში დავაყენებთ en-ს ინგლისურისთვის.
TACOTRANSLATE_ORIGIN: „ფოლდერი“, სადაც შეინახება თქვენი სტრიქონები, მაგალითად — თქვენი ვებგვერდის URL. აქ წაიკითხეთ მეტი წარმოშობის (origins) შესახებ.

.env

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

დარწმუნდით, რომ არასოდეს გასაჯაროებთ საიდუმლო read/write API გასაღებს კლიენტის მხარის პროდუქციულ გარემოში.

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 კომპონენტში დაამატებთ რომელიმე სტრინგს. გაითვალისწინეთ, რომ მხოლოდ იმ გარემოებებს, რომელთაც API გასაღზე აქვთ read/write უფლებები, შეეძლებათ ახალი სტრინგების შექმნა თარგმნისთვის.

გირჩევთ გქონდეთ დახურული და დაცული სტეიჯინგი გარემო, სადაც შეგიძლიათ დაატესტოთ თქვენი პროდუქციული აპლიკაცია და წინასწარ დაამატოთ ახალი სტრინგები ლაივზე გადასვლამდე. ეს შეუშლის ხელს ვინმეს მოიპაროს თქვენი საიდუმლო API გასაღები და შესაძლებლად თავიდან აგიკრძალავთ თარგმანის პროექტის გადატვირთვას უადგილო სტრინგების დამატებით.