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 সেট আপ করতে পারেন।
এটি অর্জন করার জন্য, আপনার প্রকল্পের মধ্যে একাধিক TacoTranslate প্রদানকারী ব্যবহার করার কথা বিবেচনা করুন।
দয়া করে লক্ষ্য করুন যে একই স্ট্রিং বিভিন্ন origins এ বিভিন্ন অনুবাদ পেতে পারে।
অবশেষে, কীভাবে আপনি স্ট্রিংগুলোকে origins এ ভাগ করবেন তা আপনার এবং আপনার প্রয়োজনের উপর নির্ভর করে। তবে লক্ষ্য করুন যে একক origin এর মধ্যে অনেক স্ট্রিং থাকা লোডিং টাইম বৃদ্ধি করতে পারে।
ভেরিয়েবল পরিচালনা
আপনাকে সর্বদা গতিশীল বিষয়বস্তুর জন্য ভেরিয়েবল ব্যবহার করা উচিত, যেমন ব্যবহারকারীর নাম, তারিখ, ই-মেইল ঠিকানা, এবং অন্যান্য।
স্ট্রিংয়ে ভেরিয়েবলগুলি ডাবল ব্র্যাকেট ব্যবহার করে ঘোষণা করা হয়, যেমন {{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}
/>
);
}উপরের উদাহরণটি সাধারণ পাঠ্য হিসেবে প্রদর্শিত হবে।