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

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

Miksi valita TacoTranslate Reactille?

Saumaton integraatio: Erityisesti React-sovelluksille suunniteltu TacoTranslate integroituu vaivattomasti olemassa olevaan työnkulkuusi.
Automaattinen merkkijonojen keruu: Ei enää JSON-tiedostojen manuaalista hallintaa. TacoTranslate kerää merkkijonot automaattisesti koodipohjastasi.
Tehostetut käännökset tekoälyllä: Hyödynnä tekoälyn voimaa tarjotaksesi kontekstiin sopivia ja sovelluksesi sävyyn sopivia käännöksiä.
Välitön kielituki: Lisää uusien kielten tuki yhdellä napsautuksella, tehden sovelluksestasi globaalisti saavutettavan.

Miten se toimii

Asenna TacoTranslate-paketti npm:n kautta:

npm install tacotranslate

Kun sinulla on moduuli asennettuna, 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ömuuttujina. read avainta kutsumme public ja read/write avainta secret. Voit esimerkiksi 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 koodi. Tässä esimerkissä asetamme sen arvoksi en eli englanti.
TACOTRANSLATE_ORIGIN: "Kansio", johon merkkijonosi tallennetaan, esimerkiksi verkkosivustosi URL-osoite. Lue lisää alkuperistä 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 asiakkaan puolen tuotantoympäristöihin.

TacoTranslate:n käyttöönotto

Alusta TacoTranslate React-sovelluksessasi kietomalla sovelluksesi TacoTranslate-kontekstitoimittajan sisälle:

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 lisätietoja ja erityisesti sinun ympäristöösi sopivia toteutusohjeita varten.

import {Translate} from 'tacotranslate/react';

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

TacoTranslaten käyttämisen edut

Ajan säästö: Automatisoi paikallistamisen ja merkkijonojen keräämisen työlään prosessin, säästäen arvokasta aikaasi.
Kustannustehokas: Vähentää manuaalisten käännösten tarvetta, mikä alentaa paikallistamiskustannuksiasi.
Parannettu tarkkuus: Tekoälyn avulla toimivat käännökset takaavat kontekstuaalisesti 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 merkkijonoja Translate -komponenttiin. Huomaa, että vain ympäristöt, joilla on read/write -oikeudet API-avaimeen, pystyvät luomaan uusia käännettäviä merkkijonoja.

Suosittelemme suljettua ja turvallista staging-ympäristöä, jossa voit testata tuotantosovellustasi ja lisätä uusia merkkijonoja ennen julkaisua. Tämä estää ketään varastamasta salaista API-avaintasi ja mahdollisen käännösprojektisi paisumisen haitallisten merkkijonojen lisäämisen seurauksena.

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!