React ilovalari uchun xalqarolashtirish (i18n)ning eng yaxshi yechimi

React ilovangizni yangi bozorlar tomon kengaytirmoqchimisiz? TacoTranslate React ilovalarini mahalliylashtirishni juda oson qiladi va sizga ortiqcha tashvishlarsiz butun dunyo auditoriyasiga yetib borish imkonini beradi.

React uchun TacoTranslate-ni nega tanlash kerak?

Muammosiz integratsiya: React ilovalari uchun maxsus mo'ljallangan TacoTranslate mavjud ish jarayoningizga muammosiz qo'shiladi.
Avtomatik matnlarni yig'ish: JSON fayllarini qo'lda boshqarishingiz shart emas. TacoTranslate kod bazangizdan matnlarni avtomatik ravishda yig'adi.
Sun'iy intellektga asoslangan tarjimalar: Ilovangiz ohangiga mos keluvchi, kontekstga mos va aniq tarjimalarni taqdim etish uchun sun'iy intellekt quvvatidan foydalaning.
Darhol til qo'llab-quvvatlashi: Yangi tillarni birgina bosish bilan qo'shing va ilovangizni butun dunyo bo'ylab foydalanishga ochiq qiling.

Qanday ishlaydi

TacoTranslate paketini npm orqali o'rnating:

npm install tacotranslate

Modulni o'rnatganingizdan so'ng, TacoTranslate hisobini, tarjima loyihasini va tegishli API kalitlarini yaratishingiz kerak bo'ladi. Bu yerda hisob yarating. Bu bepul, va kredit karta qo'shishingizni talab qilmaydi.

TacoTranslate ilova interfeysida loyiha yarating va uning API kalitlari yorlig'iga o'ting. Bitta read kalit va bitta read/write kalit yarating. Biz ularni muhit o'zgaruvchilari sifatida saqlaymiz. read kalitini biz public deb ataymiz, read/write kaliti esa secret. Masalan, ularni loyihangiz ildizidagi .env faylga qo'shishingiz mumkin.

Shuningdek, yana ikkita muhit o'zgaruvchisini qo'shishingiz kerak: TACOTRANSLATE_DEFAULT_LOCALE va TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Standart zaxira lokal kodi. Ushbu misolda biz uni en — ingliz tili uchun — deb sozlaymiz.
TACOTRANSLATE_ORIGIN: Matnlaringiz saqlanadigan “papka”, masalan veb-saytingizning URL manzili. Originlar haqida bu yerdan ko‘proq o‘qing.

.env

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

Hech qachon sirli read/write API kalitini mijoz tomonidagi ishlab chiqarish muhitlariga oshkor qilmang.

TacoTranslate-ni sozlash

React ilovangizda TacoTranslate'ni ishga tushirish uchun ilovangizni TacoTranslate kontekst provayderi bilan o'rab chiqing:

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

Endi ilovangiz ichidagi istalgan joyda Translate komponentidan tarjima qilingan matnni ko‘rsatish uchun foydalanishingiz mumkin! Qo‘shimcha ma’lumot va sizning konfiguratsiyangizga mos amalga oshirish bo‘yicha qo‘llanmalar uchun hujjatlarimizni albatta ko‘rib chiqing.

import {Translate} from 'tacotranslate/react';

export default async function Component() {
	return (
		<Translate string="Hello? This is TacoTranslate speaking." />
	);
}

TacoTranslate'dan foydalanishning afzalliklari

Vaqtni tejash: Lokalizatsiya va satrlarni yig‘ish kabi zerikarli jarayonlarni avtomatlashtiradi, sizning qimmatli vaqtingizni tejaydi.
Tejamkor: Qo‘l bilan tarjimalarga bo‘lgan ehtiyojni kamaytiradi, lokalizatsiya xarajatlaringizni pasaytiradi.
Yaxshilangan aniqlik: AI-ga asoslangan tarjimalar kontekstga mos va yuqori sifatli natijalarni ta’minlaydi.
Masshtablanadigan yechim: Ilovangiz va mijozlar bazangiz kengayganda yangi tillar uchun qo‘llab‑quvvatni osonlik bilan qo‘shishingiz mumkin.

Bugun boshlang!

React ilovangizdagi har qanday satrni Translate komponentiga qo'shganda, ilovangiz avtomatik ravishda tarjima qilinadi. E'tibor bering, faqat API kalitida read/write ruxsatlari bo'lgan muhitlar yangi tarjima qilinadigan satrlarni yaratishi mumkin.

Tavsiyamiz — ishlab chiqarish ilovangizni ishga tushirishdan oldin yangi satrlarni qo'shib sinab ko'rishingiz uchun yopiq va xavfsiz staging muhitiga ega bo'lishingizdir. Bu maxfiy API kalitingizni hech kim o'g'irlashining oldini oladi va noqonuniy satrlarni qo'shib tarjima loyihangizni ortiqcha yuklanishidan saqlaydi.

Be sure to check out the complete examples over at our GitHub profile. If you encounter any problems, feel free to reach out, and we’ll be more than happy to help.

TacoTranslate lets you automatically localize your React applications quickly to and from over 75 languages. Translate for free!