React қолданбалары үшін кедергісіз локализация

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

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

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

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

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

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 рұқсаты бар орта ғана мүмкіндік береді.

Өндірістік қолданбаңызды іске қосар алдында жаңа жолдарды қосып тестілеу үшін жабық және қорғалған сынақ ортасын ұстау ұсынылады. Бұл сіздің жеке API кілтіңіздің ұрлануын болдырмайды және аударма жобасына бөгде жолдарды қосу арқылы жүктемені арттырудан қорғайды.