Localizare fără efort pentru aplicațiile React

Doriți să vă extindeți aplicația React către noi piețe? TacoTranslate face localizarea aplicațiilor React incredibil de ușoară, permițându-vă să ajungeți la un public global fără bătăi de cap.

De ce să alegi TacoTranslate pentru React?

Integrare Perfectă: Proiectat special pentru aplicațiile React, TacoTranslate se integrează fără efort în fluxul tău de lucru existent.
Colectare Automată a Șirurilor: Nu mai este nevoie să gestionezi manual fișiere JSON. TacoTranslate colectează automat șirurile din baza ta de cod.
Traduceri Susținute de AI: Folosește puterea AI pentru a oferi traduceri contextual corecte, care se potrivesc tonului aplicației tale.
Suport Instant pentru Limbi: Adaugă suport pentru limbi noi cu un singur clic, făcând aplicația ta accesibilă la nivel global.

Cum funcționează

Instalează pachetul TacoTranslate prin npm:

npm install tacotranslate

După ce ai instalat modulul, va trebui să creezi un cont TacoTranslate, un proiect de traducere și cheile API asociate. Creează un cont aici. Este gratuit și nu necesită să adaugi un card de credit.

În interfața aplicației TacoTranslate, creează un proiect și navighează la fila cu cheia API. Creează o cheie read și o cheie read/write. Le vom salva ca variabile de mediu. Cheia read este ceea ce numim public, iar cheia read/write este secret. De exemplu, le-ai putea adăuga într-un fișier .env în rădăcina proiectului tău.

De asemenea, va trebui să adăugați încă două variabile de mediu: TACOTRANSLATE_DEFAULT_LOCALE și TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Codul implicit al limbii de rezervă. În acest exemplu, îl vom seta la en pentru engleză.
TACOTRANSLATE_ORIGIN: „Folderul” unde vor fi stocate șirurile tale, cum ar fi URL-ul site-ului tău. Citește mai multe despre origini aici.

.env

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

Asigură-te că niciodată nu divulgi cheia secretă read/write API în mediile de producție pe partea de client.

Configurarea TacoTranslate

Inițializați TacoTranslate în aplicația dvs. React înfășurând aplicația în provider-ul de context 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>
	);
}

Acum puteți utiliza componenta Translate oriunde în cadrul aplicației dvs. pentru a afișa text tradus! Asigurați-vă că consultați documentația noastră pentru mai multe informații și pentru ghiduri de implementare specifice configurației dvs.

import {Translate} from 'tacotranslate/react';

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

Avantajele utilizării TacoTranslate

Economisire de timp: Automatizează procesul obositor de localizare și colectare a șirurilor de caractere, economisindu-ți timp prețios.
Cost-eficient: Reduce necesitatea traducerilor manuale, scăzând costurile de localizare.
Precizie îmbunătățită: Traducerile asistate de AI asigură rezultate contextuale corecte și de înaltă calitate.
Soluție scalabilă: Adaugă cu ușurință suport pentru limbi noi pe măsură ce aplicația și baza ta de clienți cresc.

Începeți astăzi!

Aplicația dumneavoastră React va fi tradusă automat atunci când adăugați orice șiruri de caractere într-un component Translate. Rețineți că doar mediile cu permisiuni read/write asupra cheii API vor putea crea șiruri noi pentru a fi traduse.

Recomandăm să aveți un mediu de testare închis și securizat unde puteți testa aplicația de producție, adăugând noi șiruri înainte de lansare. Acest lucru va împiedica pe oricine să fure cheia dumneavoastră API secretă și, potențial, să umfle proiectul de traduceri prin adăugarea de șiruri neautorizate.

Asigură-te că verifici exemplele complete pe profilul nostru de GitHub. Dacă întâmpini vreo problemă, nu ezita să ne contactezi, și vom fi mai mult decât fericiți să te ajutăm.

TacoTranslate îți permite să localizezi automat aplicațiile React rapid, în orice limbă și din orice limbă. Tradu gratuit!