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

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

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

સુગમ એકીકરણ: React એપ્લિકેશન્સ માટે ખાસ ડિઝાઇન કરાયેલું, TacoTranslate તમારી વર્તમાન વર્કફ્લો સાથે સહજ રીતે એકીકૃત થાય છે.
સ્વચાલિત સ્ટ્રિંગ સંગ્રહ: JSON ફાઇલોને મેન્યુઅલી મેનેજ કરવાની જરૂર નથી. TacoTranslate તમારા કોડબેઝમાંથી સ્વચાલિત રીતે સ્ટ્રિંગ્સ એકત્ર કરે છે.
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 કોન્ટેક્સ્ટ પ્રોવાઇડરમાં લપેટો:

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ના લાભ

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

આજથી શરૂ કરો!

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

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