React એપ્લિકેશન્સ માટે સુગમ લોકલાઇઝેશન

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

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

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

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

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 નો ઉપયોગ કરવાથી થતા લાભો

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

આજે જ શરૂ કરો!

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

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