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 కీ సృష్టించండి. మేము వాటిని పర్యావరణ వేరియబుల్స్గా సేవ్ చేస్తాము. read కీని మేము public అని పిలుస్తాము మరియు read/write కీని secret అని పిలుస్తాము. ఉదాహరణకు, మీరు వాటిని మీ ప్రాజెక్టు రూట్లోని .env ఫైల్లో చేర్చవచ్చు.
మీకు ఇంకా రెండు పర్యావరణ వేరియబుల్స్ను జోడించాల్సి ఉంటుంది: TACOTRANSLATE_DEFAULT_LOCALE మరియు TACOTRANSLATE_ORIGIN.
TACOTRANSLATE_DEFAULT_LOCALE: డిఫాల్ట్ ఫాల్బ్యాక్ లోకేల్ కోడ్. ఈ ఉదాహరణలో, దీన్ని ఇంగ్లీష్ కోసంenగా సెట్ చేస్తాము.TACOTRANSLATE_ORIGIN: మీ స్ట్రింగ్లు నిల్వ చేయబడే “ఫోల్డర్”, ఉదాహరణకు మీ వెబ్సైట్ యొక్క URL వంటి. ఇక్కడ ఒరిజిన్ల గురించి మరింత చదవండి.
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-ఆధారిత అనువాదాలు సందర్భానుసారం ఖచ్చితమైన మరియు ఉన్నత నాణ్యత ఫలితాలను నిర్ధారిస్తాయి.
- విస్తరించగల పరిష్కారం: మీ అప్లికేషన్ మరియు వినియోగదారుల బేస్ పెరగనున్నప్పుడల్లా కొత్త భాషలకు మద్దతును సులభంగా చేర్చవచ్చు.
ఇప్పుడే ప్రారంభించండి!
మీ React అనువర్తనంలో మీరు ఏదైనా స్ట్రింగ్లను Translate కాంపోనెంట్లో జోడించినప్పుడు అవి స్వయంచాలకంగా అనువదించబడతాయి. గమనించండి: API కీపై read/write అనుమతులు ఉన్న పరిసరాలే అనువదించవలసిన కొత్త స్ట్రింగ్లను సృష్టించగలవు.
మేము సిఫారసు చేస్తున్నాం: మీ ప్రొడక్షన్ అప్లికేషన్ను పరీక్షించడానికి, లైవ్కి వెళ్ళేముందు కొత్త స్ట్రింగ్లు జోడించగలిగేలా ఒక మూసివేసిన మరియు సురక్షిత స్టేజింగ్ వాతావరణాన్ని కలిగి ఉండండి. దీంతో ఎవరో ఎవరో మీ రహస్య API కీని దొంగిలించడం నివారించబడుతుంది, అలాగే దురుద్దేశ్యంగా స్ట్రింగ్లు జోడించి మీ అనువాద ప్రాజెక్ట్ను అవసరమేని రీతిలో పెంచుకునే అవకాశాన్ని కూడా తగ్గిస్తుంది.
Be sure to check out the complete examples over at our GitHub profile. If you encounter any problems, feel free to reach out, and we’ll be more than happy to help.
TacoTranslate lets you automatically localize your React applications quickly to and from over 75 languages. Translate for free!