TacoTranslate ব্যবহার করা হচ্ছে
স্ট্রিংস অনুবাদ করা
বর্তমানে স্ট্রিং অনুবাদ করার তিনটি উপায় রয়েছে: Translate কম্পোনেন্ট, useTranslation হুক, অথবা translateEntries ইউটিলিটি।
Translate কম্পোনেন্ট ব্যবহার করা।span উপাদানের ভিতরে অনুবাদগুলি আউটপুট করে, এবং HTML রেন্ডারিং সমর্থন করে।
import {Translate} from 'tacotranslate/react';
function Page() {
return <Translate string="Hello, world!" />;
}আপনি উপাদানের ধরন পরিবর্তন করতে পারেন, উদাহরণস্বরূপ, কম্পোনেন্টে as="p" ব্যবহার করে।
useTranslation হুক ব্যবহার করা।
অনুবাদগুলি একটি সাধারণ স্ট্রিং হিসাবে প্রদান করে। উদাহরণস্বরূপ, meta ট্যাগগুলিতে এটি উপকারি।
import {useEffect} from 'react';
import {useTranslation} from 'tacotranslate/react';
function Page() {
const helloWorld = useTranslation('Hello, world!');
useEffect(() => {
alert(helloWorld);
}, [helloWorld]);
return (
<title>{useTranslation('My page title')}</title>
);
}translateEntries ইউটিলিটি ব্যবহার করা।
সার্ভার সাইডে স্ট্রিংগুলো অনুবাদ করুন। আপনার OpenGraph ইমেজগুলিকে সুপারচার্জ করুন।
import {createEntry, translateEntries} from 'tacotranslate';
async function generateMetadata(locale = 'es') {
const title = createEntry({string: 'Hello, world!'});
const description = createEntry({string: 'TacoTranslate on the server'});
const translations = await translateEntries(
tacoTranslate,
{origin: 'opengraph', locale},
[title, description]
);
return {
title: translations(title),
description: translations(description)
};
}কীভাবে স্ট্রিংগুলি অনুবাদ করা হয়
যখন স্ট্রিংগুলো আমাদের সার্ভারে পৌঁছায়, আমরা প্রথমে সেগুলো যাচাই করে সংরক্ষণ করি, তারপর সাথে সাথেই একটি মেশিন অনুবাদ প্রদান করি। যদিও মেশিন অনুবাদ সাধারণত আমাদের AI অনুবাদের তুলনায় কম মানের হয়, তবুও সেগুলো দ্রুত প্রাথমিক উত্তর প্রদান করে।
একযোগে, আমরা আপনার স্ট্রিংয়ের জন্য উচ্চ-মানের, আধুনিক AI অনুবাদ তৈরি করার জন্য একটি অসমান্তরাল অনুবাদ কাজ শুরু করি। একবার AI অনুবাদ প্রস্তুত হলে, এটি মেশিন অনুবাদের স্থান নেবে এবং আপনি যখনই আপনার স্ট্রিংগুলির জন্য অনুবাদ অনুরোধ করবেন তখন পাঠানো হবে।
যদি আপনি ম্যানুয়ালি কোনো স্ট্রিং অনুবাদ করে থাকেন, তবে সেই অনুবাদগুলি প্রাধান্য পায় এবং সেগুলোই ফেরত দেওয়া হয়।
উৎসগুলি ব্যবহার করা
TacoTranslate প্রকল্পে আপনি যা origins বলি তা থাকে। এগুলোকে মনে করুন আপনার স্ট্রিংস এবং অনুবাদের জন্য এন্ট্রি পয়েন্ট, ফোল্ডার, বা গ্রুপ হিসেবে।
import {TacoTranslate} from 'tacotranslate/react';
function Menu() {
return (
<TacoTranslate origin="application-menu">
// ...
</TacoTranslate>
);
}Origins আপনাকে স্ট্রিংগুলি অর্থবহ কন্টেইনারে আলাদা করতে দেয়। উদাহরণস্বরূপ, আপনি একটি origin ব্যবহার করতে পারেন ডকুমেন্টেশনের জন্য এবং অন্যটি আপনার মার্কেটিং পৃষ্ঠার জন্য।
আরও সূক্ষ্ম নিয়ন্ত্রণের জন্য, আপনি কম্পোনেন্ট স্তরে origins সেটআপ করতে পারেন।
এটি অর্জন করতে, আপনার প্রকল্পের মধ্যে একাধিক TacoTranslate প্রদানকারী ব্যবহার করার কথা বিবেচনা করুন.
অনুগ্রহ করে লক্ষ্য করুন যে একই স্ট্রিং বিভিন্ন origins-এ ভিন্ন অনুবাদ পেতে পারে।
অবশেষে, আপনি কীভাবে স্ট্রিংগুলি অরিজিনগুলিতে ভাগ করবেন তা আপনার উপর এবং আপনার প্রয়োজনের উপর নির্ভর করে। তবে লক্ষ্য করুন যে একাধিক স্ট্রিং একটি অরিজিনের মধ্যে থাকলে লোডিং সময় বৃদ্ধি পেতে পারে।
ভেরিয়েবল পরিচালনা করা
আপনাকে সবসময় ডায়নামিক কনটেন্টের জন্য ভেরিয়েবল ব্যবহার করতে হবে, যেমন ব্যবহারকারীর নাম, তারিখ, ই-মেইল ঠিকানা, এবং আরও অনেক কিছু।
স্ট্রিংগুলিতে ভেরিয়েবলগুলি ডাবল ব্র্যাকেট ব্যবহার করে ঘোষণা করা হয়, যেমন {{variable}}.
import {Translate} from 'tacotranslate/react';
function Greeting() {
const name = 'Juan';
return <Translate string="Hello, {{name}}!" variables={{name}} />;
}import {useTranslation} from 'tacotranslate/react';
function useGreeting() {
const name = 'Juan';
return useTranslation('Hello, {{name}}!', {variables: {name}});
}HTML কন্টেন্ট পরিচালনা করা
ডিফল্টভাবে, Translate কম্পোনেন্ট HTML কনটেন্ট সমর্থন করে এবং রেন্ডার করে। তবে, আপনি এই আচরণ থেকে বেরিয়ে আসতে পারেন useDangerouslySetInnerHTML কে false সেট করে।
অবিশ্বস্ত সামগ্রী যেমন ব্যবহারকারী-জেনারেটেড কন্টেন্ট অনুবাদ করার সময় HTML রেন্ডারিং নিষ্ক্রিয় করা অত্যন্ত সুপারিশ করা হয়।
সকল আউটপুট প্রদর্শনের আগে সর্বদা sanitize-html দিয়ে স্যানিটাইজ করা হয়।
import {Translate} from 'tacotranslate/react';
function Page() {
return (
<Translate
string={`
Welcome to <strong>my</strong> website.
I’m using <a href="{{url}}">TacoTranslate</a> to translate text.
`}
variables={{url: 'https://tacotranslate.com'}}
useDangerouslySetInnerHTML={false}
/>
);
}উপরের উদাহরণটি সাধারণ পাঠ্য হিসাবে প্রদর্শিত হবে।