Hujjatlar: TacoTranslate'dan foydalanish

TacoTranslate'dan foydalanish

Uzbek

Satrlarni tarjima qilish

Hozirda satrlarni tarjima qilishning uchta usuli mavjud: Translate komponenti, useTranslation hooki yoki translateEntries utilitasi.

Translate komponentidan foydalanish.
Tarjimalarni span element ichida chiqaradi va HTMLni render qilishni qo'llab-quvvatlaydi.

import {Translate} from 'tacotranslate/react';

function Page() {
	return <Translate string="Hello, world!" />;
}

Masalan, komponentda as="p" dan foydalanib element turini o'zgartirishingiz mumkin.

useTranslation hookidan foydalanish.
Tarjimalarni oddiy satr sifatida qaytaradi. Masalan, meta teglari uchun foydali.

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 vositasidan foydalanish.
Satrlarni server tomonida tarjima qiling. OpenGraph tasvirlaringizni kuchaytiring.

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)
	};
}

Satrlar qanday tarjima qilinadi

Matnlar serverlarimizga yetib kelganda, avvalo ularni tasdiqlaymiz va saqlaymiz, so‘ngra darhol mashina tarjimasini qaytaramiz. Mashina tarjimalari odatda bizning AI tarjimalarimizga nisbatan sifat jihatdan pastroq bo‘lsa-da, ular tezkor boshlang‘ich javobni ta’minlaydi.

Shu bilan birga, biz sizning satringiz uchun yuqori sifatli, zamonaviy sun'iy intellekt tarjimasini yaratish maqsadida asin xron tarjima ishini boshlaymiz. Sun'iy intellekt tarjimasi tayyor bo'lgach, u mashina tarjimasining o'rnini egallaydi va siz satrlaringiz uchun tarjima so'raganingizda yuboriladi.

Agar siz matnni qo'lda tarjima qilgan bo'lsangiz, ushbu tarjimalar ustun hisoblanadi va boshqalarning o'rniga qaytariladi.

Manbalardan foydalanish

TacoTranslate loyihalarida biz manbalar deb ataydigan elementlar mavjud. Ularni matnlaringiz va tarjimalaringiz uchun kirish nuqtalari, papkalar yoki guruhlar deb tasavvur qiling.

import {TacoTranslate} from 'tacotranslate/react';

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

Manbalar satrlarni mazmunli konteynerlarga ajratishga imkon beradi. Masalan, hujjatlar uchun bitta manba va marketing sahifangiz uchun boshqa bir manba bo'lishi mumkin.

Batafsil boshqaruv uchun originlarni komponent darajasida sozlashingiz mumkin.

Bunga erishish uchun, bir nechta TacoTranslate provayderlardan foydalanishni loyihangizda ko'rib chiqing.

Iltimos, shuni yodda tutingki, bir xil satr turli manbalarda turlicha tarjima qilinishi mumkin.

Oxir-oqibat, satrlarni originlarga qanday ajratishingiz sizga va ehtiyojlaringizga bog‘liq. Biroq, bir origin ichida juda ko‘p satrlar bo‘lsa, yuklanish vaqtlari oshishi mumkinligini yodda tuting.

O'zgaruvchilar bilan ishlash

Har doim dinamik tarkib uchun o'zgaruvchilardan foydalanishingiz kerak, masalan foydalanuvchi ismlari, sanalar, elektron pochta manzillari va boshqalar.

Matnlardagi o'zgaruvchilar juft qavslar yordamida e'lon qilinadi, masalan {{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 tarkibini boshqarish

Odatiy bo'yicha, Translate komponenti HTML mazmunini qo'llab-quvvatlaydi va uni render qiladi. Biroq, ushbu xulq-atvordan voz kechish uchun useDangerouslySetInnerHTML ni false ga o'rnating.

Ishonilmaydigan kontentni, masalan foydalanuvchi tomonidan yaratilgan kontentni tarjima qilayotganda HTML renderlashni o'chirish qat'iyan tavsiya etiladi.

Barcha chiqishlar har doim sanitize-html bilan ko'rsatilishdan oldin tozalanadi.

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}
		/>
	);
}

Yuqoridagi misol oddiy matn sifatida ko'rsatiladi.

Server tomonida renderlash