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 мекенжайы. Origins туралы толығырақ мына жерден оқыңыз.

.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 кілтіңізді ұрлап алмауға және зиянды жолдарды қосып аударма жобасын қажетсіз түрде үлкейтіп жіберуге кедергі болады.