React એપ્લિકેશન્સ માટે સરળ લોકલાઈઝેશન

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

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

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

એ કેવી રીતે 작ે છે

npm દ્વારા TacoTranslate પેકેજ ઇન્સ્ટોલ કરો:

npm install tacotranslate

જ્યારે તમે મૉડ્યુલ ઈન્સ્ટોલ કરી લેશો, ત્યારે તમારે TacoTranslate એકાઉન્ટ બનાવવું પડશે, એક અનુવાદ પ્રોજેક્ટ અને સંકળાયેલા API કીઝ. અહીં એકાઉન્ટ બનાવો. આ મફત છે, અને તમારે ક્રેડિટ કાર્ડ ઉમેરવાની જરૂર નથી.

TacoTranslate એપ્લિકેશન UI માં, એક પ્રોજેક્ટ બનાવો, અને તેની API કીઝ ટેબ પર જાઓ. એક read કી અને એક read/write કી બનાવો. અમે તેમને ماحولના ચર તરીકે સાચવશું. read કી ને આપણે public કહે છે અને read/write કી ને secret કહે છે. ઉદાહરણ તરીકે, તમે તેમને તમારા પ્રોજેક્ટ ના રૂટમાં .env ફાઇલમાં ઉમેરવા mogli છો.

તમે વધુ બે એન્વાયરોનમેન્ટ વેરિયેબલ્સ પણ ઉમેરવા પડશે: TACOTRANSLATE_DEFAULT_LOCALE અને TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: ડિફૉલ્ટFallback લોકેલ કોડ. આ ઉદાહરણમાં, અમે તેને અંગ્રેજી માટે 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 ઉપયોગ કરવાની લાહેશે

સમયની બચત: લોકલાઇઝેશન અને સ્ટ્રિંગ્સ એકત્રિત કરવાની કઠિન પ્રkrિયા ઑટોમેટ કરે છે, જે તમારા મૂલ્યવાન સમયની બચત કરે છે.
લागत-પ્રભાવશાળી: મેન્યુઅલ અનુવાદોની જરૂર ઘટાડે છે, jūsų લોકલાઇઝેશન ખર્ચ ઘટાડે છે.
સુધારેલા ચોકસાઈ: AI-સંચालित અનુવાદો રજૂઆતો માટે પરિસ્થિતિના અવસરોને અનુરૂપ ચોકસાઇ અને ઉચ્ચ ગુણવત્તા સુનિશ્ચિત કરે છે.
વિસ્તૃત સોલ્યુશન: તમારા એપ્લિકેશન અને ગ્રાહક આધાર વધતો જાય ત્યારે નવી ભાષાઓનું સહયોગ સરળતાથી ઉમેરી શકાય.

આજજ શરૂ કરો!

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

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