ریئیکٹ ایپلیکیشنز کے لیے آسانی سے لوکلائزیشن
کیا آپ اپنی React ایپلیکیشن کو نئے بازاروں میں وسعت دینا چاہتے ہیں؟ TacoTranslate آپ کی React ایپس کو مقامی زبان میں تبدیل کرنا نہایت آسان بنا دیتا ہے، جس سے آپ بغیر کسی تکلیف کے عالمی صارفین تک پہنچ سکتے ہیں۔
React کے لیے TacoTranslate کیوں منتخب کریں؟
- بلا روک ٹوک انضمام: خاص طور پر React ایپلیکیشنز کے لیے ڈیزائن کیا گیا، TacoTranslate آپ کے موجودہ ورک فلو میں آسانی سے ضم ہو جاتا ہے۔
- خودکار سٹرنگ کلیکشن: JSON فائلز کو دستی طور پر منظم کرنے کی ضرورت نہیں۔ TacoTranslate خود بخود آپ کے کوڈ بیس سے سٹرنگز جمع کرتا ہے۔
- AI سے چلنے والی ترجمے: AI کی طاقت کا فائدہ اٹھائیں تاکہ آپ کی ایپلیکیشن کے انداز کے مطابق سیاق و سباق کے لحاظ سے درست ترجمے فراہم کیے جا سکیں۔
- فوری زبان کی معاونت: صرف ایک کلک سے نئی زبانوں کی حمایت شامل کریں، جس سے آپ کی ایپلیکیشن عالمی سطح پر قابل رسائی ہو جاتی ہے۔
یہ کیسے کام کرتا ہے
npm کے ذریعے TacoTranslate پیکیج انسٹال کریں:
npm install tacotranslate
جب آپ نے ماڈیول انسٹال کر لیا ہو، تو آپ کو TacoTranslate اکاؤنٹ بنانا ہوگا، ایک ترجمہ پروجیکٹ، اور متعلقہ API کیز۔ یہاں اکاؤنٹ بنائیں۔ یہ مفت ہے، اور آپ کو کریڈٹ کارڈ شامل کرنے کی ضرورت نہیں ہے۔
TacoTranslate ایپلیکیشن UI میں، ایک پروجیکٹ بنائیں، اور اس کے API keys таб پر جائیں۔ ایک 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 کی ترتیب دینا
اپنے ری ایکٹ ایپلیکیشن میں 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 کے استعمال کے فوائد
- وقت کی بچت: لوکلائزیشن اور سٹرنگز جمع کرنے کے تھکانے والے عمل کو خودکار بناتا ہے، جو آپ کا قیمتی وقت بچاتا ہے۔
- لاگت میں کمی: دستی ترجموں کی ضرورت کو کم کرتا ہے، جس سے آپ کی لوکلائزیشن کی لاگت کم ہوتی ہے۔
- بہتر درستگی: 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!