TacoTranslate
/
ਦਸਤਾਵੇਜ਼ਕੀਮਤਾਂ
 
ਲੇਖ
04 ਮਈ

React ਐਪਸ ਲਈ ਅੰਤਰਰਾਸ਼ਟਰੀਕਰਨ (i18n) ਦਾ ਸਭ ਤੋਂ ਵਧੀਆ ਹੱਲ

ਕੀ ਤੁਸੀਂ ਆਪਣੇ 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। ਇੱਥੇ 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 ਦੇ context provider ਵਿੱਚ ਰੈਪ ਕਰੋ:

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: ਏਆਈ-ਚਲਿਤ ਅਨੁਵਾਦ ਸੰਦਰਭ ਅਨੁਸਾਰ ਸਹੀ ਅਤੇ ਉੱਚ ਗੁਣਵੱਤਾ ਵਾਲੇ ਨਤੀਜੇ ਯਕੀਨੀ ਬਣਾਉਂਦੇ ਹਨ.
  • Scalable Solution: ਜਿਵੇਂ ਹੀ ਤੁਹਾਡਾ ਐਪਲੀਕੇਸ਼ਨ ਅਤੇ ਗਾਹਕ ਆਧਾਰ ਵਧਦੇ ਹਨ, ਨਵੀਆਂ ਭਾਸ਼ਾਵਾਂ ਲਈ ਸਹਾਇਤਾ ਆਸਾਨੀ ਨਾਲ ਜੋੜੋ.

ਅੱਜ ਹੀ ਸ਼ੁਰੂ ਕਰੋ!

ਤੁਹਾਡੀ 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!

ਇੱਕ ਉਤਪਾਦ Nattskiftet ਵੱਲੋਂਨਾਰਵੇ ਵਿੱਚ ਬਣਾਇਆ ਗਿਆ