د React غوښتنلیکونو لپاره د نړیوالولو (i18n) غوره حل
آیا تاسو غواړئ خپل React غوښتنلیک نوي بازارونو ته وغځوئ؟ TacoTranslate ستاسو د React غوښتنلیکونه په خورا اسانۍ سره محلي کوي، ترڅو تاسو وکولی شئ پرته له کومې ستونزې نړیوال لیدونکي ته ورسېږئ.
ولې د React لپاره TacoTranslate غوره کړئ؟
- بې عيبه يوځای کېدل: ځانګړې توګه د React غوښتنلیکونو لپاره جوړ شوی، TacoTranslate په اسانۍ سره ستاسو موجود کاري بهیر سره يوځای کيږي.
- اتوماتيک د تارونو راټولول: نور د JSON فایلونو لاسي مديريت ته اړتيا نشته. TacoTranslate په اوتومات ډول ستاسو د کوډ بنسټ څخه تارونه راټولوي.
- د AI په مرسته ژباړې: د 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
: د ډیفالټ بیک اپ لوکیل کوډ. په دې مثال کې، موږ به دا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 ترتیب کول
د خپل React غوښتنلیک کې TacoTranslate پیل کړئ د دې له لارې چې خپل غوښتنلیک د 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!