TacoTranslate
/
ಡಾಕ್ಯುಮೆಂಟೇಶನ್ಬೆಲೆಗಳು
 
ಲೇಖನ
04 ಮೇ

React ಅಪ್ಲಿಕೇಶನ್‌ಗಳಿಗಾಗಿ ಸುಗಮ ಸ್ಥಳೀಕರಣ

ನೀವು ನಿಮ್ಮ React ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಹೊಸ ಮಾರುಕಟ್ಟೆಗಳಿಗೆ ವಿಸ್ತರಿಸಲು ಬಯಸುತ್ತಿದ್ದೀರಾ? TacoTranslate ನಿಮ್ಮ React ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ಸ್ಥಳೀಯೀಕರಿಸುವುದನ್ನು ಅತ್ಯಂತ ಸುಲಭವಾಗಿ ಮಾಡುತ್ತದೆ ಮತ್ತು ಯಾವುದೇ ತೊಂದರೆ ಇಲ್ಲದೆ ಜಾಗತಿಕ ಪ್ರೇಕ್ಷಕರಿಗೆ ತಲುಪಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ.

Reactಗಾಗಿ TacoTranslate ಅನ್ನು ಏಕೆ ಆಯ್ಕೆ ಮಾಡಬೇಕು?

  • Seamless Integration: React ಅಪ್ಲಿಕೇಶನ್‌ಗಳಿಗಾಗಿ ವಿಶೇಷವಾಗಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದ್ದು, TacoTranslate ನಿಮ್ಮ ಪ್ರಸ್ತುತ ಕಾರ್ಯಪ್ರವಾಹದೊಂದಿಗೆ ಸುಲಭವಾಗಿ ಸಂಯೋಜಗೊಳ್ಳುತ್ತದೆ.
  • Automatic String Collection: ಕೈಯಿಂದ JSON ಫೈಲ್‌ಗಳನ್ನು ನಿರ್ವಹಿಸುವ ಅಗತ್ಯ enää. TacoTranslate ನಿಮ್ಮ ಕೋಡ್‌ಬೇಸ್‌ನಿಂದ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಸ್ಟ್ರಿಂಗ್‌ಗಳನ್ನು ಸಂಗ್ರಹಿಸುತ್ತದೆ.
  • AI-Powered Translations: ಅಪ್ಲಿಕೇಶನ್‌ನ ಧ್ವನಿಗೆ ಹೊಂದಿಕೊಂಡು ಸಂದರ್ಭಾನುಸಾರ ಸರಿಯಾದ ಅನುವಾದಗಳನ್ನು ಒದಗಿಸಲು ಎಐ ಶಕ್ತಿಯನ್ನು ಉಪಯೋಗಿಸಿ.
  • Instant Language Support: ಒಂದೇ ಕ್ಲಿಕ್‌ನಲ್ಲಿ ಹೊಸ ಭಾಷೆಗಳ ಬೆಂಬಲವನ್ನು ಸೇರಿಸಿ, ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಜಾಗತಿಕವಾಗಿ ಉಪಲಭ್ಯವಾಗುವಂತೆ ಮಾಡಿ.

ಇದು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ

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: ಎಐ ಚಾಲಿತ ಅನುವಾದಗಳುprasṅgānukūlavāgi ನಿಖರ ಮತ್ತು ಉನ್ನತ ಗುಣಮಟ್ಟದ ಫಲಿತಾಂಶಗಳನ್ನು ಒದಗಿಸುತ್ತವೆ.
  • Scalable Solution: ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಮತ್ತು ಗ್ರಾಹಕ ಆಧಾರ ವೃದ್ಧಿಯಾಗುವುದರೊಂದಿಗೆ, ಹೊಸ ಭಾಷೆಗಳ ಬೆಂಬಲವನ್ನು ಸುಲಭವಾಗಿ ಸೇರಿಸಬಹುದು.

ಇಂದೇ ಪ್ರಾರಂಭಿಸಿ!

ನೀವು ಯಾವುದೇ ಸ್ಟ್ರಿಂಗ್‌ಗಳನ್ನು Translate ಕಾಂಪೊನೆಂಟ್‌ಗೆ ಸೇರಿಸಿದಾಗ, ನಿಮ್ಮ React ಅಪ್ಲಿಕೇಶನ್ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಅನುವಾದವಾಗುತ್ತದೆ. ಗಮನಿಸಿ: 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!

Nattskiftet ನಿಂದ ಒಂದು ಉತ್ಪನ್ನನಾರ್ವೆಯಲ್ಲಿ ತಯಾರಿಸಲಾಗಿದೆ