React қосымшаларын халықаралықтандыру (i18n) үшін ең жақсы шешім

React қосымшаңызды жаңа нарықтарға кеңейткіңіз келе ме? TacoTranslate React қосымшаларыңызды жергіліктендіруді өте оңай етеді, сол арқылы сіз кедергісіз ғаламдық аудиторияға жете аласыз.

React үшін TacoTranslate-ты неге таңдау керек?

Кедергісіз интеграция: React қосымшалары үшін арнайы жасалған TacoTranslate жұмыс үрдісіңізге кедергісіз интеграцияланады.
Мәтіндерді автоматты түрде жинау: JSON файлдарын қолмен басқарудың қажеті жоқ. TacoTranslate код базаңыздан мәтіндерді автоматты түрде жинайды.
Жасанды интеллект негізіндегі аудармалар: Қосымшаңыздың ырғағына сай келетін, контекстке сәйкес дәл аудармалар беру үшін жасанды интеллекттің мүмкіндіктерін пайдаланыңыз.
Жедел тілдік қолдау: Бір ғана басу арқылы жаңа тілдерді қосыңыз, осылайша қосымшаңыз әлем бойынша қолжетімді болады.

Қалай жұмыс істейді

TacoTranslate пакетін npm арқылы орнатыңыз:

npm install tacotranslate

Модульді орнатқаннан кейін TacoTranslate тіркелгісін, аударма жобасын және онымен байланысты API кілттерін жасауыңыз қажет. Мұнда тіркеліңіз. Бұл тегін және кредиттік картаны қосуды талап етпейді.

TacoTranslate қолданбасының интерфейсінде жоба жасап, оның API кілттері қойындысына өтіңіз. Бір read кілт және бір read/write кілт жасаңыз. Оларды қоршаған орта айнымалылары ретінде сақтаймыз. read кілтті біз public деп атаймыз, ал read/write кілтті secret деп атаймыз. Мысалы, оларды жобаңыздың түбіріндегі .env файлына қосуға болады.

Сонымен қатар сізге тағы екі қоршаған орта айнымалысы қажет: TACOTRANSLATE_DEFAULT_LOCALE және TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Әдепкі резервтік локаль коды. Бұл мысалда біз оны ағылшын үшін en деп орнатамыз.
TACOTRANSLATE_ORIGIN: Мәтіндеріңіз сақталатын «қалта», мысалы веб-сайтыңыздың URL мекенжайы. Origin туралы мұнда толығырақ оқыңыз.

.env

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Құпия read/write API кілтін клиент жағындағы өндірістік ортаға ешқашан жарияламаңыз.

TacoTranslate-ты баптау

React қосымшаңызда 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 қолданудың артықшылықтары

Уақыт үнемдеу: Жергіліктендіру және мәтін жолдарын жинау сияқты жалықтыратын процесті автоматтандырып, сіздің қымбат уақытыңызды үнемдейді.
Құн жағынан тиімді: Қолмен аударма қажеттілігін азайтып, локализацияға кететін шығындарды төмендетеді.
Дәлдіктің артуы: Жасанды интеллект негізіндегі аудармалар контекстке сай дәл және жоғары сапалы нәтижелерді қамтамасыз етеді.
Масштабталатын шешім: Қолданбаңыз бен тұтынушылар саны ұлғайған сайын жаңа тілдерді оңай қосуға мүмкіндік береді.

Бүгін бастаңыз!

Сіздің React қосымшаңыз Translate компонентіне кез келген жолдарды қосқанда автоматты түрде аударылады. Ескеріңіз: API кілтінде read/write рұқсаттары бар орта ғана аударуға арналған жаңа жолдарды жасай алады.

Өндірістік қосымшаны іске қосардан бұрын жаңа жолдарды қосып тексеру үшін жабық және қорғалған сынақ (staging) ортасын ұстауды ұсынамыз. Бұл ешкімге сіздің құпия API кілтіңізді ұрлауға мүмкіндік бермей, сондай-ақ зиянды жолдарды қосу арқылы аудару жобасын қажетсіз түрде үлкейтіп жіберуден сақтайды.