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

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

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

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

કેવી રીતે કામ કરે છે

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. અહીં ઓરિજિન્સ વિશે વધુ વાંચો.

.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 કન્ટેક્સ્ટ પ્રોવાઈડરમાં રેપ કરો:

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-આધારિત અનુવાદો સંદર્ભ મુજબ ચોકસાઇ અને ઉચ્ચ ગુણવત્તાવાળા પરિણામો આપે છે.
વધારી શકાય એવું ઉકેલ: જેમ જ તમારી એપ્લિકેશન અને ગ્રાહક આધાર વધે છે, તમે સરળતાથી નવી ભાષાઓ માટે સપોર્ટ ઉમેરો.

આજે જ શરૂ કરો!

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

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