Localització sense esforç per a aplicacions React
Estàs buscant expandir la teva aplicació React a nous mercats? TacoTranslate fa que sigui increïblement fàcil localitzar les teves aplicacions React, permetent-te arribar a una audiència global sense complicacions.
Per què triar TacoTranslate per a React?
- Integració perfecta: Dissenyat específicament per a aplicacions React, TacoTranslate s'integra sense esforç al vostre flux de treball existent.
- Recollida automàtica de cadenes: Ja no cal gestionar manualment fitxers JSON. TacoTranslate recull automàticament les cadenes del vostre codi.
- Traduccions impulsades per IA: Aprofiteu la potència de la IA per oferir traduccions precises i contextuals que s'ajustin al to de la vostra aplicació.
- Suport d'idiomes instantani: Podeu afegir suport per a nous idiomes amb un sol clic, fent la vostra aplicació accessible a tot el món.
Com funciona
Instal·la el paquet TacoTranslate amb npm:
npm install tacotranslate
Un cop tinguis el mòdul instal·lat, hauràs de crear un compte de TacoTranslate, un projecte de traducció i les claus API associades. Crea un compte aquí. És gratuït i no requereix que afegeixis una targeta de crèdit.
A la interfície d'usuari de TacoTranslate, crea un projecte i ves a la pestanya de claus d'API. Crea una clau read
i una clau read/write
. Les guardarem com a variables d'entorn. La clau read
és la que anomenem public
i la clau read/write
és secret
. Per exemple, les podries afegir a un fitxer .env
a la carpeta arrel del teu projecte.
També hauràs d'afegir dues variables d'entorn més: TACOTRANSLATE_DEFAULT_LOCALE
i TACOTRANSLATE_ORIGIN
.
TACOTRANSLATE_DEFAULT_LOCALE
: El codi de la localització de reserva (fallback) per defecte. En aquest exemple, el configurarem aen
per a l'anglès.TACOTRANSLATE_ORIGIN
: La “carpeta” on s'emmagatzemaran les teves cadenes, com per exemple la URL del teu lloc web. Llegeix més sobre els origins aquí.
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com
Assegura't de no filtrar mai la clau d'API secreta read/write
als entorns de producció del costat del client.
Configuració de TacoTranslate
Inicialitza TacoTranslate a la teva aplicació React envoltant-la amb el proveïdor 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>
);
}
Ara pots utilitzar el component Translate
a qualsevol lloc de la teva aplicació per mostrar text traduït! Assegura't de consultar la nostra documentació per a més informació i per a guies d'implementació específiques per a la teva configuració.
import {Translate} from 'tacotranslate/react';
export default async function Component() {
return (
<Translate string="Hello? This is TacoTranslate speaking." />
);
}
Beneficis d'utilitzar TacoTranslate
- Estalvi de temps: Automatitza el tediós procés de localització i la recopilació de cadenes, estalviant-te un temps valuós.
- Rendible: Redueix la necessitat de traduccions manuals, reduint els costos de localització.
- Precisió millorada: Les traduccions impulsades per IA garanteixen resultats contextualment precisos i d'alta qualitat.
- Solució escalable: Afegeix fàcilment suport per a nous idiomes a mesura que la teva aplicació i la teva base de clients creixen.
Comença avui!
La teva aplicació React es traduirà automàticament quan afegeixis qualsevol cadena a un component Translate
. Tingues en compte que només els entorns amb permisos read/write
sobre la clau de l'API podran crear noves cadenes per traduir.
Recomanem disposar d'un entorn de preproducció tancat i segur on puguis provar la teva aplicació de producció, afegint noves cadenes abans de posar-la en funcionament. Això evitarà que algú pugui robar la teva clau secreta de l'API i, potencialment, inflar el teu projecte de traducció afegint cadenes no autoritzades.
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!