Jednostavna lokalizacija za React aplikacije

Kako to funkcionira

Instalirajte paket TacoTranslate putem npm-a:

npm install tacotranslate

Kada instalirate modul, morat ćete napraviti TacoTranslate račun, projekt prevođenja i pridružene API ključeve. Napravite račun ovdje. Besplatno je i ne zahtijeva unos kreditne kartice.

Unutar sučelja aplikacije TacoTranslate, kreirajte projekt i navigirajte do kartice s API ključevima. Kreirajte jedan read ključ i jedan read/write ključ. Spremit ćemo ih kao varijable okoline. read ključ nazivamo public, a read/write ključ je secret. Na primjer, možete ih dodati u .env datoteku u korijenu vašeg projekta.

Također ćete morati dodati još dvije varijable okoline: TACOTRANSLATE_DEFAULT_LOCALE i TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Zadani kod zadanog jezika za rezervu. U ovom primjeru, postavit ćemo ga na en za engleski.
• TACOTRANSLATE_ORIGIN: „mapa” u kojoj će se spremati vaši stringovi, kao što je URL vaše web stranice. Pročitajte više o originima ovdje.

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

Pazite da nikada ne otkrijete tajni read/write API ključ u produkcijskim okruženjima na strani klijenta.

Postavljanje TacoTranslate

Inicijalizirajte TacoTranslate u svojoj React aplikaciji omotavanjem aplikacije u TacoTranslate context provider:

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

Sada možete koristiti Translate komponentu bilo gdje unutar vaše aplikacije za prikaz prevedenog teksta! Obavezno pogledajte našu dokumentaciju za više informacija i vodiče za implementaciju specifične za vašu postavku.

import {Translate} from 'tacotranslate/react';

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

Prednosti korištenja TacoTranslate

• Ušteda vremena: Automatizira zamoran proces lokalizacije i prikupljanja stringova, štedeći vam dragocjeno vrijeme.
• Isplativo: Smanjuje potrebu za ručnim prijevodima, smanjujući vaše troškove lokalizacije.
• Poboljšana točnost: Prijevodi pokretani umjetnom inteligencijom osiguravaju kontekstualno točne i visokokvalitetne rezultate.
• Rješenje za skaliranje: Jednostavno dodajte podršku za nove jezike kako vaša aplikacija i baza korisnika rastu.

Započnite danas!

Vaša React aplikacija će se automatski prevoditi kada dodate bilo koje nizove u Translate komponentu. Imajte na umu da će samo okruženja s read/write dozvolama na API ključu moći kreirati nove nizove za prevod.

Preporučujemo da imate zatvoreno i sigurno staging okruženje gdje možete testirati svoju produkcijsku aplikaciju, dodajući nove nizove prije nego što krenete u uživo. Ovo će spriječiti bilo koga da ukrade vaš tajni API ključ i potencijalno naduva vaš prevodilački projekt dodavanjem neželjenih nizova.

Obavezno pogledajte kompletne primjere na našem GitHub profilu. Ako naiđete na bilo kakve probleme, slobodno kontaktirajte nas, i rado ćemo vam pomoći.

TacoTranslate vam omogućuje brzo automatsko lokaliziranje vaših React aplikacija na bilo koji jezik i s njega. Prevodi besplatno!