React აპლიკაციებისათვის i18n-ის საუკეთესო გადაწყვეტა
გსურთ თქვენი React აპლიკაციის გაფართოება ახალ ბაზრებზე? TacoTranslate წარმოუდგენლად ამარტივებს React აპლიკაციების ლოკალიზაციას და საშუალებას მოგცემთ მიაღწიოთ გლობალურ აუდიტორიას ყოველგვარი უხერხულობის გარეშე.
რატომ აირჩიოთ TacoTranslate React-ისთვის?
- შეუფერხებელი ინტეგრაცია: სპეციალურად React აპლიკაციებისთვის შექმნილი, TacoTranslate შეუფერხებლად ინტეგრირდება თქვენს არსებულ სამუშაო პროცესში.
- სტრინგების ავტომატური შეგროვება: აღარ არის საჭირო JSON ფაილების ხელით მართვა. TacoTranslate ავტომატურად აგროვებს სტრინგებს თქვენი კოდბაზიდან.
- ხელოვნური ინტელექტით გაძლიერებული თარგმანები: გამოიყენეთ AI-ის ძალა კონტექსტუალურად სანდო თარგმანებისთვის, რომლებიც შეესაბამება თქვენი აპლიკაციის ტონს.
- მყისიერი ენობრივი მხარდაჭერა: დამატეთ მხარდაჭერა ახალ ენებზე მხოლოდ ერთი კლიკით — ასე თქვენი აპლიკაცია გახდება გლობალურად ხელმისაწვდომი.
როგორ მუშაობს
დაინსტალირეთ 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. წყაროების შესახებ წაიკითხეთ აქ.
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-ის გამოყენების უპირატესობები
- დროის დაზოგვა: ავტომატიზირებს ლოკალიზაციისა და სტრინგების შეგროვების მოსაწყენ პროცესს, რაც ზოგავს თქვენს ძვირფას დროს.
- ეკონომიური: ამცირებს ხელით თარგმნის საჭიროებას და ამით ამცირებს ლოკალიზაციის ხარჯებს.
- სიზუსტის გაუმჯობესება: AI-ის დახმარებით მომზადებული თარგმანები უზრუნველყოფენ კონტექსტუარულად ზუსტ და მაღალი ხარისხის შედეგებს.
- მასშტაბირებადი გადაწყვეტილება: მარტივად დაამატეთ მხარდაჭერა ახალ ენებისთვის, თქვენი აპლიკაციისა და მომხმარებელთა ბაზის ზრდასთან ერთად.
დაიწყეთ დღესვე!
თქვენი React აპლიკაცია ავტომატურად ითარგმნება, როდესაც Translate კომპონენტში დაამატებთ რაიმე სტრიქონს. გაითვალისწინეთ, რომ ახალი თარგმნებისთვის სტრიქონების შექმნა შეძლებენ მხოლოდ ის გარემოებები, რომლებსაც API‑ის გასაღზე read/write ნებართვა აქვთ.
ჩვენ გირჩევთ გქონდეთ დახურული და დაცული სტეიჯინგის გარემო, სადაც შეგიძლიათ შეამოწმოთ თქვენი პროდუქციული აპლიკაცია და დაამატოთ ახალი სტრიქონები სანამ აპლიკაციას პირდაპირ ეთერში გაუშვებთ. ეს თავიდან აგაცილებთ ვინმეს ვინმეს მიერ თქვენი საიდუმლო 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!