Η καλύτερη λύση για τη διεθνοποίηση (i18n) στις εφαρμογές React

Θέλετε να επεκτείνετε την εφαρμογή React σας σε νέες αγορές; Το TacoTranslate καθιστά εξαιρετικά εύκολη την τοπικοποίηση των εφαρμογών React σας, επιτρέποντάς σας να προσεγγίσετε ένα παγκόσμιο κοινό χωρίς ταλαιπωρία.

Γιατί να επιλέξετε το TacoTranslate για το React;

Απρόσκοπτη Ενσωμάτωση: Σχεδιασμένο ειδικά για εφαρμογές React, το TacoTranslate ενσωματώνεται χωρίς κόπο στην υπάρχουσα ροή εργασίας σας.
Αυτόματη Συλλογή Συμβολοσειρών: Δεν χρειάζεται πια να διαχειρίζεστε χειροκίνητα αρχεία JSON. Το TacoTranslate συλλέγει αυτόματα τις συμβολοσειρές από τον κώδικά σας.
Μεταφράσεις με Τεχνητή Νοημοσύνη: Αξιοποιήστε τη δύναμη της τεχνητής νοημοσύνης για να παρέχετε μεταφράσεις που είναι συμφραζομενικά ακριβείς και ταιριάζουν στον τόνο της εφαρμογής σας.
Άμεση Υποστήριξη Γλωσσών: Προσθέστε υποστήριξη για νέες γλώσσες με ένα μόνο κλικ, κάνοντας την εφαρμογή σας προσβάσιμη παγκοσμίως.

Πώς λειτουργεί

Εγκαταστήστε το πακέτο TacoTranslate μέσω npm:

npm install tacotranslate

Αφού εγκαταστήσετε το module, θα χρειαστεί να δημιουργήσετε έναν λογαριασμό TacoTranslate, ένα έργο μετάφρασης και τα αντίστοιχα κλειδιά API. Δημιουργήστε έναν λογαριασμό εδώ. Είναι δωρεάν και δεν χρειάζεται να προσθέσετε πιστωτική κάρτα.

Στο περιβάλλον χρήστη της εφαρμογής TacoTranslate, δημιουργήστε ένα έργο και μεταβείτε στην καρτέλα με τα κλειδιά API. Δημιουργήστε ένα κλειδί read και ένα κλειδί read/write. Θα τα αποθηκεύσουμε ως μεταβλητές περιβάλλοντος. Το κλειδί read είναι αυτό που ονομάζουμε public και το κλειδί read/write είναι secret. Για παράδειγμα, μπορείτε να τα προσθέσετε σε ένα αρχείο .env στο ριζικό φάκελο του έργου σας.

Θα χρειαστεί επίσης να προσθέσετε δύο ακόμη μεταβλητές περιβάλλοντος: TACOTRANSLATE_DEFAULT_LOCALE και TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Ο προεπιλεγμένος κωδικός τοπικής ρύθμισης (fallback). Σε αυτό το παράδειγμα, θα τον ορίσουμε σε en για τα Αγγλικά.
TACOTRANSLATE_ORIGIN: Ο «φάκελος» όπου θα αποθηκευτούν οι συμβολοσειρές σας, όπως η διεύθυνση URL του ιστότοπού σας. Διαβάστε περισσότερα για τις προελεύσεις εδώ.

.env

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

Φροντίστε να μην διαρρεύσετε ποτέ το μυστικό read/write κλειδί API σε περιβάλλοντα παραγωγής στην πλευρά του πελάτη.

Ρύθμιση του TacoTranslate

Αρχικοποιήστε το TacoTranslate στην εφαρμογή React σας τυλίγοντας την εφαρμογή σας με τον παροχέα 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>
	);
}

Τώρα μπορείτε να χρησιμοποιήσετε το Translate συστατικό οπουδήποτε στην εφαρμογή σας για να εμφανίσετε μεταφρασμένο κείμενο! Φροντίστε να δείτε την τεκμηρίωσή μας για περισσότερες πληροφορίες και για οδηγούς υλοποίησης προσαρμοσμένους στη ρύθμισή σας.

import {Translate} from 'tacotranslate/react';

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

Οφέλη από τη χρήση του TacoTranslate

Εξοικονόμηση χρόνου: Αυτοματοποιεί την κουραστική διαδικασία της τοπικοποίησης και της συλλογής συμβολοσειρών, εξοικονομώντας σας πολύτιμο χρόνο.
Οικονομικά αποδοτικό: Μειώνει την ανάγκη για χειροκίνητες μεταφράσεις, μειώνοντας το κόστος τοπικοποίησής σας.
Βελτιωμένη ακρίβεια: Οι μεταφράσεις που υποστηρίζονται από τεχνητή νοημοσύνη εξασφαλίζουν ακρίβεια στο συμφραζόμενο και υψηλής ποιότητας αποτελέσματα.
Επεκτάσιμη λύση: Προσθέστε εύκολα υποστήριξη για νέες γλώσσες καθώς η εφαρμογή και η βάση πελατών σας αναπτύσσονται.

Ξεκινήστε σήμερα!

Η εφαρμογή React σας θα μεταφράζεται αυτόματα όταν προσθέτετε οποιεσδήποτε συμβολοσειρές σε ένα Translate συστατικό. Σημειώστε ότι μόνο περιβάλλοντα με δικαιώματα read/write στο κλειδί API θα μπορούν να δημιουργούν νέες συμβολοσειρές που θα μεταφραστούν.

Συνιστούμε να έχετε ένα κλειστό και ασφαλές staging περιβάλλον όπου μπορείτε να δοκιμάσετε την εφαρμογή παραγωγής σας, προσθέτοντας νέες συμβολοσειρές πριν την κυκλοφορία. Αυτό θα αποτρέψει οποιονδήποτε από το να κλέψει το μυστικό κλειδί API σας και ενδεχομένως να διογκώσει το έργο μεταφράσεών σας με την προσθήκη μη εξουσιοδοτημένων συμβολοσειρών.