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

.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 નો ઉપયોગ કરવાના ફાયદા

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

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

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

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