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