React એપ્લિકેશન્સમાં આંતરરાષ્ટ્રીયકરણ (i18n) માટે શ્રેષ્ઠ ઉકેલ

શું તમે તમારા React એપ્લિકેશનને નવા બજારોમાં વિસ્તૃત કરવા માંગો છો? TacoTranslate દ્વારા તમારા React એપ્લિકેશનોને આસાનીથી લોકલાઇઝ કરી શકો છો, જે તમને વૈશ્વિક પ્રેક્ષક સુધી સરળતાથી પહોંચવા દે છે તેવા કોઈ ઝંઝાટ વગર.

React માટે TacoTranslate કેમ પસંદ કરવો?

બિનલાક્ત મિશ્રણ: ખાસ કરીને React એપ્લિકેશન્સ માટે રચાયેલ, TacoTranslate સરળતાથી તમારા હાલના વર્કફ્લો સાથે મિક્ષિત થાય છે.
સ્વચાલિત સ્ટ્રિંગ સંગ્રહ: વધુ JSON ફાઇલો મેન્યુઅલી મેનેજ કરવાની જરૂર નથી. TacoTranslate તમારા કોડબેસમાંથી સ્ટ્રિંગ્સ આપમેળે એકત્રિત કરે છે.
AI-ચાલિત અનુવાદ: AIની શક્તિ નો ઉપયોગ કરીને પરિસ્થિતિક દૃષ્ટિએ યોગ્ય અને તમારા એપ્લિકેશનની ધ્વનિ સાથે સુસંગત અનુવાદ પૂરા પાડો.
તત્કાળ ભાષા સમર્થન: માત્ર એક ક્લિકમાં નવી ભાષાઓ માટે સમર્થન ઉમેરો, જેથી તમારી એપ્લિકેશન વૈશ્વિક સ્તરે ઉપલબ્ધ બને.

તે કેવી રીતે કાર્ય કરે છે

npm મારફતે TacoTranslate પેકેજ ઇન્સ્ટોલ કરો:

npm install tacotranslate

જ્યારે તમે મોડ્યુલ ઇન્સ્ટોલ કરી લેતા, ત્યારે તમારું TacoTranslate એકાઉન્ટ, એક અનુવાદ પ્રોજેક્ટ, અને સંબંધિત API કીઓ બનાવવી પડશે. અહીં એકાઉન્ટ બનાવો. તે મુક્ત છે, અને તમે ક્રેડિટ કાર્ડ ઉમેરવાની જરૂર નથી.

TacoTranslate એપ્લિકેશન UIમાં, એક પ્રોજેક્ટ બનાવો, અને તેના API કીઓ ટેબ પર જાઓ. એક read કી અને એક read/write કી બનાવો. અમે તેમને પર્યાવરણ ચલ તરીકે સંગ્રહિત કરીશું. read કી એ જેને અમે public કહીશું અને read/write કી એ secret છે. ઉદાહરણ તરીકે, તમે તેમને તમારા પ્રોજેક્ટની મૂળમાં આવેલ .env ફાઈલમાં ઉમેરી શકો છો.

તમારે વધુ બે પર્યાવરણ ચર પર્યાવરણ ચરો ઉમેરવાની જરૂર પડશે: TACOTRANSLATE_DEFAULT_LOCALE અને TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: ડિફોલ્ટ ફૉલબૅક લોકેલ કોડ. આ ઉદાહરણમાં, આપણે તેને અંગ્રેજી માટે en સેટ કરીશું.
TACOTRANSLATE_ORIGIN: તે "ફોલ્ડર" જ્યાં તમારી સ્ટ્રિંગ્સ સંગ્રહિત થશે, જેમ કે તમારી વેબસાઇટનો URL. અહીંOrigins વિશે વધુ વાંચો.

.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 સેટઅપ કરવું

તમારા React એપ્લિકેશનમાં TacoTranslate ને શરૂઆત કરો અને તમારી એપ્લિકેશનને TacoTranslate context providerમાં રેપ કરો:

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 ઉપયોગ કરવાનો લાભો

સમય બચાવવો: લોકલાઇઝેશન અને સ્ટ્રિંગ્સ એકત્રિત કરવાની મોટાભાગની કઠિન પ્રક્રિયા સ્વચાલિત કરે છે, જે તમને મૂલ્યવાન સમય બચાવે છે.
લાગત-અસરકારક: મેન્યુઅલ અનુવાદની જરૂરિયાત ઘટાડી, તમારી લોકલાઇઝેશન ખર્ચને ઘટાડે છે.
સુધારેલી ચોકસાઈ: AI-સંચાલિત અનુવાદો પરિપ્રેક્ષ્ય મુજબ ચોકસાઈપૂર્વક અને ઉચ્ચ ગુણવત્તાવાળા પરિણામો સુનિશ્ચિત કરે છે.
વિસ્તૃત કરવાની ક્ષમતા: જ્યારે તમારું એપ્લિકેશન અને ગ્રાહક આધાર વધે ત્યારે સરળતાથી નવા ભાષાઓ માટે આધાર ઉમેરો.

આજથી જ શરૂ કરો!

તમારું React એપ્લિકેશન આટોમેટિક રીતે અનુવાદિત થશે જ્યારે તમે કોઈ પણ સ્ટ્રિંગ્સ Translate કમ્પોનેન્ટમાં ઉમેરીશો. નોંધો કે ફક્ત તે વાતાવરણોને જ જે પાસે API કી માટે read/write પરવાનગીઓ હશે, તેવી નવા સ્ટ્રિંગ્સ બનાવવાની મંજૂરી મળશે.

અમે સૂચવીએ છીએ કે તમારું પ્રોડક્શન એપ્લિકેશન ટેસ્ટ કરવા માટે બંધ અને સુરક્ષિત સ્ટેજિંગ વાતાવરણ રાખો, અને લાઇવ જવાની અગાઉ نئے સ્ટ્રિંગ્સ ઉમેરો. આથી કોઈ પણ વ્યક્તિ તમારું ગુપ્ત API કી ચોરી ન શકે, અને શક્ય છે કે તરિભાષા પ્રોજેક્ટમાં અજાણી સ્ટ્રિંગ્સ વધારવાની ગુનાહિત પ્રવૃત્તિને રોકી શકાય.