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

ਕੀ ਤੁਸੀਂ ਆਪਣੇ React ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਨਵੇਂ ਬਾਜ਼ਾਰਾਂ ਤੱਕ ਵਧਾਉਣ ਦੀ ਸੋਚ ਰਹੇ ਹੋ? TacoTranslate ਤੁਹਾਡੇ React ਐਪਸ ਨੂੰ ਸਥਾਨਕ ਕਰਨ ਨੂੰ ਬਹੁਤ ਹੀ ਆਸਾਨ ਬਣਾ ਦਿੰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਤੁਸੀਂ ਬਿਨਾਂ ਕਿਸੇ ਮੁਸ਼ਕਲ ਦੇ ਵਿਸ਼ਵ ਪੱਧਰ 'ਤੇ ਦਰਸ਼ਕਾਂ ਤੱਕ ਪਹੁੰਚ ਸਕਦੇ ਹੋ।

React ਲਈ TacoTranslate ਕਿਉਂ ਚੁਣੋ?

ਬੇਰੁਕਾਵਟ ਇੰਟਿਗ੍ਰੇਸ਼ਨ: ਖਾਸ ਤੌਰ 'ਤੇ React ਐਪਲੀਕੇਸ਼ਨਾਂ ਲਈ ਡਿਜ਼ਾਈਨ ਕੀਤਾ ਗਿਆ, TacoTranslate ਤੁਹਾਡੇ ਮੌਜੂਦਾ ਵਰਕਫਲੋ ਵਿੱਚ ਆਸਾਨੀ ਨਾਲ ਸ਼ਾਮِل ਹੋ ਜਾਂਦਾ ਹੈ।
ਸਵੈਚਾਲਿਤ ਸਟ੍ਰਿੰਗ ਇਕੱਠਾ ਕਰਨਾ: JSON ਫਾਈਲਾਂ ਨੂੰ ਹੱਥੋਂ-ਹੱਥ ਨਹੀਂ ਸੰਭਾਲਣ ਦੀ ਲੋੜ। TacoTranslate ਤੁਹਾਡੇ ਕੋਡਬੇਸ ਤੋਂ ਸਵੈਚਾਲਿਤ ਢੰਗ ਨਾਲ ਸਟ੍ਰਿੰਗਾਂ ਇਕੱਠੀਆਂ ਕਰ ਲੈਂਦਾ ਹੈ।
AI-ਚਲਿਤ ਅਨੁਵਾਦ: ਆਪਣੇ ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਲਹਜੇ ਦੇ अनुरੂਪ ਸੰਦਰਭਕ ਸਹੀ ਅਨੁਵਾਦ ਮੁਹੱਈਆ ਕਰਨ ਲਈ AI ਦੀ ਤਾਕਤ ਦਾ ਫਾਇਦਾ ਉਠਾਓ।
ਤੁਰੰਤ ਭਾਸ਼ਾ ਸਮਰਥਨ: ਸਿਰਫ ਇਕ ਕਲਿੱਕ ਨਾਲ ਨਵੀਆਂ ਭਾਸ਼ਾਵਾਂ ਲਈ ਸਮਰਥਨ ਸ਼ਾਮਿਲ ਕਰੋ, ਜਿਸ ਨਾਲ ਤੁਹਾਡੀ ਐਪਲੀਕੇਸ਼ਨ ਗਲੋਬਲ ਪੱਧਰ 'ਤੇ ਪਹੁੰਚਯੋਗ ਬਣ ਜਾਂਦੀ ਹੈ।

ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ

npm ਰਾਹੀਂ TacoTranslate ਪੈਕੇਜ ਇੰਸਟਾਲ ਕਰੋ:

npm install tacotranslate

ਜਦੋਂ ਤੁਸੀਂ ਮੌਡੀਊਲ ਇੰਸਟਾਲ ਕਰ ਲੈਂਦੇ ਹੋ, ਤੁਹਾਨੂੰ TacoTranslate ਖਾਤਾ, ਇੱਕ ਅਨੁਵਾਦ ਪ੍ਰੋਜੈਕਟ ਅਤੇ ਸੰਬੰਧਤ API ਕੁੰਜੀਆਂ ਬਣਾਉਣ ਦੀ ਲੋੜ ਹੋਵੇਗੀ। ਇਥੇ ਖਾਤਾ ਬਣਾਓ। ਇਹ ਮੁਫ਼ਤ ਹੈ, ਅਤੇ ਤੁਹਾਨੂੰ ਕੋਈ ਕਰੈਡਿਟ ਕਾਰਡ ਸ਼ਾਮِل ਕਰਨ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ।

TacoTranslate ਐਪਲੀਕੇਸ਼ਨ ਦੇ UI ਵਿੱਚ, ਇੱਕ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ ਅਤੇ ਉਸ ਦੇ API keys ਟੈਬ ਤੇ ਜਾਓ। Create one read key, and one read/write key. ਅਸੀਂ ਇਨ੍ਹਾਂ ਨੂੰ environment variables ਵਜੋਂ ਸੇਵ ਕਰਾਂਗੇ। read key ਨੂੰ ਅਸੀਂ public ਕਹਿੰਦੇ ਹਾਂ ਅਤੇ read/write key ਨੂੰ 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 ਕਾਂਟੈਕਸਟ ਪ੍ਰੋਵਾਈਡਰ ਨਾਲ ਰੈਪ ਕਰਕੇ:

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 ਕੁੰਜੀ ਚੋਰੀ ਹੋਣ ਤੋਂ ਰੋਕਿਆ ਜਾਵੇਗਾ, ਅਤੇ ਸੰਭਵ ਹੈ ਕਿ ਅਣਚਾਹੀਆਂ ਸਟ੍ਰਿੰਗਾਂ ਜੋੜ ਕੇ ਤੁਹਾਡਾ ਅਨੁਵਾਦ ਪ੍ਰੋਜੈਕਟ ਲੋੜ ਤੋਂ ਵੱਧ ਵੱਡਾ ਹੋ ਜਾਣ ਤੋਂ ਵੀ ਇਹ ਰੋਕੇਗਾ।