Localizare fără efort pentru aplicațiile React

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

De ce să alegi TacoTranslate pentru React?

Integrare perfectă: Conceput special pentru aplicații React, TacoTranslate se integrează fără efort în fluxul tău de lucru existent.
Colectare automată a șirurilor: Nu mai trebuie să gestionezi manual fișiere JSON. TacoTranslate colectează automat stringurile din codul tău.
Traduceri asistate de IA: Valorifică puterea inteligenței artificiale pentru a oferi traduceri corecte din punct de vedere contextual, care se potrivesc tonului aplicației tale.
Suport instantaneu pentru limbi: Adaugă suport pentru limbi noi cu doar un clic, făcând aplicația ta accesibilă la nivel global.

Cum funcționează

Instalați 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 trebuie să adaugi un card de credit.

În interfața aplicației TacoTranslate, creează un proiect și navighează la fila cheilor 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 poți adăuga într-un fișier .env în rădăcina proiectului tău.

Va trebui, de asemenea, să adaugi încă două variabile de mediu: TACOTRANSLATE_DEFAULT_LOCALE și TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Codul implicit al localizării de rezervă. În acest exemplu, îl vom seta la en pentru engleză.
TACOTRANSLATE_ORIGIN: „folderul” în care vor fi stocate șirurile tale, cum ar fi adresa URL a site-ului tău. Află 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

Asigurați-vă că nu divulgați niciodată cheia API secretă read/write în mediile de producție pe partea clientului.

Configurarea TacoTranslate

Inițializează TacoTranslate în aplicația ta React prin învelirea acesteia î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 folosi componenta Translate oriunde în aplicația dumneavoastră 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 dumneavoastră.

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 text, economisindu-ți timp prețios.
Eficient din punct de vedere al costurilor: Reduce necesitatea traducerilor manuale, scăzând costurile tale de localizare.
Precizie îmbunătățită: Traducerile bazate pe inteligență artificială asigură rezultate corecte din punct de vedere contextual ș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 dvs. React va fi tradusă automat atunci când adăugați orice șiruri la o componentă Translate. Rețineți că numai mediile cu permisiuni read/write asupra cheii API vor putea crea noi șiruri care să fie traduse.

Vă recomandăm să aveți un mediu de staging închis și securizat în care să vă testați aplicația de producție, adăugând noi șiruri înainte de lansare. Aceasta va împiedica pe oricine oricine să vă fure cheia API secretă și, potențial, să umfle proiectul dvs. de traducere prin adăugarea de șiruri neautorizate.

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!