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

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

આજથી શરૂ કરો!

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

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