Enkel lokaliseringsstøtte for React-applikasjonar

Ønskjer du å utvide React-applikasjonen din til nye marknader? TacoTranslate gjer det utruleg enkelt å lokaliserer React-appar dine, slik at du kan nå eit globalt publikum utan problem.

Kvifor velje TacoTranslate for React?

Sømløs integrering: Spesielt utvikla for React-applikasjonar, TacoTranslate integrerer enkelt inn i arbeidsflyten din.
Automatisk strengsamling: Slutt på manuell handtering av JSON-filer. TacoTranslate samlar automatisk strengar frå kodebasen din.
AI-drevne omsetjingar: Dra nytte av krafta til AI for å levere kontekstuelt nøyaktige omsetjingar som passar tonen i applikasjonen din.
Umiddelbar språkstøtte: Legg til støtte for nye språk med berre eit klikk, og gjer applikasjonen din globalt tilgjengeleg.

Korleis det fungerer

Installer TacoTranslate-pakken via npm:

npm install tacotranslate

Når du har installert modulen, må du opprette ein TacoTranslate-konto, eit oversettingsprosjekt og tilknytte API-nøklar. Opprett ein konto her. Det er gratis, og du treng ikkje å leggje til kredittkort.

Innenfor TacoTranslate-applikasjonen sin brukerflate, opprett eit prosjekt, og naviger til API-nøklar-fanen. Opprett ein read nøkkel, og ein read/write nøkkel. Vi vil lagre dei som miljøvariablar. read nøkkelen er det vi kallar public og read/write nøkkelen er secret. Til dømes kan du leggje dei til i ei .env fil i rotmappa på prosjektet ditt.

Du må også legge til to fleire miljøvariablar: TACOTRANSLATE_DEFAULT_LOCALE og TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Standard tilbakefallsstadkode. I dette dømet set vi ho til en for engelsk.
TACOTRANSLATE_ORIGIN: «Mappa» der strengane dine vert lagra, som til dømes URL-en til nettstaden din. Les meir om opphav her.

.env

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

Pass på å aldri lekke den hemmelige read/write API-nøkkelen til klient-side produksjonsmiljø.

Sette opp TacoTranslate

Initialiser TacoTranslate i React-applikasjonen din ved å pakke applikasjonen inn i TacoTranslate-kontekstleverandøren:

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

Du kan no bruke Translate komponenten kvar som helst i applikasjonen din for å vise omsette tekst! Sørg for å sjekke vår dokumentasjon for meir informasjon, og for implementeringsveiledningar spesifikke for di oppsetjing.

import {Translate} from 'tacotranslate/react';

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

Fordelar med å bruke TacoTranslate

Tidsbesparande: Automatiserer den kjedelege prosessen med lokalisering og innsamling av strenger, og sparar deg verdifull tid.
Kostnadseffektiv: Reduserer behovet for manuelle omsettingar, og senkar lokaliseringkostnadene dine.
Forbetra nøyaktigheit: AI-drevne omsettingar sikrar kontekstnøyaktige og høgkvalitative resultat.
Skalerbar løysing: Legg enkelt til støtte for nye språk etter kvart som applikasjonen og kundebasen din veks.

Kom i gang i dag!

Din React-applikasjon vil bli automatisk omsett når du legg til nokre tekststrengar i ein Translate komponent. Merk at berre miljø med read/write tillatelser på API-nøkkelen vil kunne opprette nye tekststrengar som skal omsetjast.

Vi anbefaler å ha eit lukka og sikra staging-miljø der du kan teste produksjonsapplikasjonen din, og legge til nye tekststrangar før du går live. Dette vil hindre at nokon stjel den hemmelige API-nøkkelen din og potensielt overbelaste omsetjingsprosjektet ditt med uønska tekststrangar.

Hugs å sjekke ut dei fullstendige døma på vår GitHub-profil. Om du møter på problem, ikkje nøl med å ta kontakt, så hjelper vi deg gjerne.

TacoTranslate lar deg automatisk lokaliserer React-applikasjonane dine raskt til og frå alle språk. Omset gratis!