Paras ratkaisu React-sovellusten kansainvälistämiseen (i18n)

Haluatko laajentaa React-sovellustasi uusille markkinoille? TacoTranslate tekee React-sovellustesi lokalisoimisesta uskomattoman helppoa, jolloin voit tavoittaa maailmanlaajuisen yleisön ilman vaivaa.

Miksi valita TacoTranslate Reactille?

Saumaton integrointi: Suunniteltu erityisesti React-sovelluksia varten, TacoTranslate integroituu vaivattomasti olemassa olevaan työnkulkuusi.
Automaattinen merkkijonojen keruu: Ei enää JSON-tiedostojen manuaalista hallintaa. TacoTranslate kerää merkkijonot automaattisesti koodipohjastasi.
Tekoälypohjaiset käännökset: Hyödynnä tekoälyn voimaa tarjotaksesi kontekstinsa mukaisia ja sovelluksesi sävyn huomioivia käännöksiä.
Välitön kielituki: Lisää tuki uusille kielille yhdellä klikkauksella, jolloin sovelluksesi on maailmanlaajuisesti saatavilla.

Kuinka se toimii

Asenna TacoTranslate-paketti npm:llä:

npm install tacotranslate

Kun olet asentanut moduulin, sinun täytyy luoda TacoTranslate-tili, käännösprojekti ja niihin liittyvät API-avaimet. Luo tili tästä. Se on ilmaista, eikä vaadi luottokortin lisäämistä.

TacoTranslate-sovelluksen käyttöliittymässä luo projekti ja siirry sen API-avaimet-välilehdelle. Luo yksi read-avain ja yksi read/write-avain. Tallennamme ne ympäristömuuttujiin. read-avainta kutsumme public:ksi ja read/write-avainta kutsumme secret:ksi. Esimerkiksi voit lisätä ne .env-tiedostoon projektisi juureen.

Sinun tulee myös lisätä kaksi muuta ympäristömuuttujaa: TACOTRANSLATE_DEFAULT_LOCALE ja TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Oletusarvoinen varakielen (fallback) koodi. Tässä esimerkissä asetamme sen arvoon en (englanti).
TACOTRANSLATE_ORIGIN: "kansio", johon merkkijonosi tallennetaan, esimerkiksi sivustosi URL-osoite. Lue lisää originista täältä.

.env

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

Varmista, ettet koskaan vuoda salaista read/write API-avainta asiakaspuolen tuotantoympäristöihin.

TacoTranslaten käyttöönotto

Alusta TacoTranslate React-sovelluksessasi kääriämällä sovelluksesi TacoTranslate-kontekstin tarjoajan ympärille:

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

Voit nyt käyttää Translate-komponenttia missä tahansa sovelluksessasi näyttääksesi käännettyä tekstiä! Muista tutustua dokumentaatioomme saadaksesi lisätietoja ja ohjeita toteutukseen juuri sinun asetuksillesi.

import {Translate} from 'tacotranslate/react';

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

TacoTranslaten käyttöedut

Ajan säästö: Automaattistaa paikallistamisen ja merkkijonojen keräämisen, mikä säästää arvokasta aikaasi.
Kustannustehokas: Vähentää manuaalisten käännösten tarvetta ja laskee paikallistamiskustannuksiasi.
Parannettu tarkkuus: Tekoälyn tuottamat käännökset varmistavat kontekstissa tarkat ja laadukkaat tulokset.
Skaalautuva ratkaisu: Lisää helposti tuki uusille kielille sovelluksesi ja asiakaskuntasi kasvaessa.

Aloita tänään!

React-sovelluksesi käännetään automaattisesti, kun lisäät tekstejä Translate komponenttiin. Huomaa, että vain ympäristöt, joilla API-avaimeen on liitetty read/write käyttöoikeudet, pystyvät luomaan uusia käännettäviä merkkijonoja.

Suosittelemme suljettua ja suojattua staging-ympäristöä, jossa voit testata tuotantosovellustasi ja lisätä uusia merkkijonoja ennen julkaisua. Tämä estää ketään varastamasta salaista API-avaintasi ja mahdollisesti paisuttamasta käännösprojektiasi luvattomien merkkijonojen lisäämisellä.

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!