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

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

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

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

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

npm દ્વારા TacoTranslate પેકેજ સ્થાપિત કરો:

npm install tacotranslate

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

TacoTranslate એપ્લિકેશન UI માં એક પ્રોજેક્ટ બનાવો અને તેના API કીની ટેબ પર જાઓ. એક read કી અને એક read/write કી બનાવો. અમે તેમને પર્યાવરણીય વેરિયેબલ્સ (environment variables) તરીકે સંગ્રહિત કરીશું. એ 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 વાપરવાના ફાયદા

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

આજ જ શરૂ કરો!

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

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