డాక్యుమెంటేషన్: TacoTranslate ఉపయోగించడం

TacoTranslate ఉపయోగించడం

Telugu

స్ట్రింగులను అనువదించడం

ప్రస్తుతం స్ట్రింగ్‌లను అనువదించడానికి మూడు మార్గాలు ఉన్నాయి: 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 ప్రాజెక్టుల్లో మనం మూలాలు అని పిలిచే అంశాలు ఉంటాయి. వాటిని మీ స్ట్రింగ్‌లు మరియు అనువాదాల కోసం ప్రవేశ బిందువులు, ఫోల్డర్లు లేదా సమూహాలుగా భావించండి.

import {TacoTranslate} from 'tacotranslate/react';

function Menu() {
	return (
		<TacoTranslate origin="application-menu">
			// ...
		</TacoTranslate>
	);
}

ఆరిజిన్‌లు మీ స్ట్రింగ్‌లను అర్థవంతమైన కంటైనర్లుగా వేరు చేయడానికి అనుమతిస్తాయి. ఉదాహరణకు, డాక్యుమెంటేషన్ కోసం ఒక ఆరిజిన్ ఉండవచ్చు మరియు మీ మార్కెటింగ్ పేజీ కోసం మరో ఆరిజిన్ ఉండవచ్చు.

మరింత సూక్ష్మ నియంత్రణ కోసం, మీరు కంపోనెంట్ స్థాయిలో 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}
		/>
	);
}

పైన ఉన్న ఉదాహరణ సాధారణ టెక్స్ట్‌గా ప్రదర్శించబడుతుంది.

సర్వర్-సైడ్ రెండరింగ్