Localizare fără efort pentru aplicații React

Doriți să vă extindeți aplicația React pe piețe noi? TacoTranslate face incredibil de ușoară localizarea aplicațiilor React, 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ă: Conceput special pentru aplicații React, TacoTranslate se integrează fără efort în fluxul dvs. de lucru existent.
Colectare automată a șirurilor: Nu mai trebuie să gestionați manual fișiere JSON. TacoTranslate colectează automat șirurile din codul dvs.
Traduceri asistate de IA: Valorificați puterea IA pentru a obține traduceri contextuale și precise, care se potrivesc tonului aplicației dvs.
Suport instantaneu pentru limbi: Adăugați suport pentru limbi noi cu un singur clic, făcând aplicația dvs. 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ă-ți 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 din rădăcina proiectului tău.

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

TACOTRANSLATE_DEFAULT_LOCALE: Codul implicit al locale-ului de rezervă. În acest exemplu, îl vom seta la en pentru engleză.
TACOTRANSLATE_ORIGIN: „folderul” unde vor fi stocate șirurile tale, precum URL-ul 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

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

Configurarea TacoTranslate

Inițializează TacoTranslate în aplicația ta React prin înfășurarea aplicației î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 poți folosi componenta Translate oriunde în aplicația ta pentru a afișa text tradus! Asigură-te că verifici documentația noastră pentru mai multe informații și pentru ghiduri de implementare specifice configurației tale.

import {Translate} from 'tacotranslate/react';

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

Beneficiile utilizării TacoTranslate

Economie de timp: Automatizează procesul anevoios de localizare și colectare a șirurilor de text, economisindu-vă timp prețios.
Rentabil: Reduce nevoia de traduceri manuale, diminuând costurile de localizare.
Acuratețe îmbunătățită: Traducrile alimentate de AI asigură rezultate corecte din punct de vedere contextual și de înaltă calitate.
Soluție scalabilă: Adăugați cu ușurință suport pentru limbi noi pe măsură ce aplicația și baza dvs. de clienți se extind.

Începeți astăzi!

Aplicația ta React va fi tradusă automat atunci când adaugi orice șiruri de caractere într-o componentă Translate. Reține că doar mediile cu permisiuni read/write asupra cheii API vor putea crea noi șiruri care să fie traduse.

Îți recomandăm să ai un mediu de staging închis și securizat unde îți poți testa aplicația de producție, adăugând noi șiruri înainte de lansare. Acest lucru va împiedica pe oricine oricine să-ți fure cheia API secretă și, posibil, să umfle proiectul tău 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!