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

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

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

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

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

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

npm install tacotranslate

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

TacoTranslate ਐਪਲੀਕੇਸ਼ਨ UI ਵਿੱਚ ਇੱਕ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ ਅਤੇ ਇਸ ਦੇ API keys ਟੈਬ 'ਤੇ ਜਾਓ। ਇੱਕ 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 ਕੰਟੈਕਸਟ ਪ੍ਰੋਵਾਈਡਰ ਵਿੱਚ ਲਪੇਟ ਕੇ:

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 ਵਰਤਣ ਦੇ ਫਾਇਦੇ

ਸਮਾਂ ਬਚਾਉਣ: ਲੋਕਲਾਈਜ਼ੇਸ਼ਨ ਅਤੇ ਸਟਰਿੰਗਾਂ ਨੂੰ ਇਕੱਠਾ ਕਰਨ ਦੀ ਥਕਾਵਟ-ਭਰੀ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਆਟੋਮੇਟ ਕਰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਤੁਹਾਡਾ ਕੀਮਤੀ ਸਮਾਂ ਬਚਦਾ ਹੈ।
ਲਾਗਤ-ਪ੍ਰਭਾਵਸ਼ਾਲੀ: ਹੱਥੋਂ ਕੀਤੇ ਅਨੁਵਾਦਾਂ ਦੀ ਲੋੜ ਘਟਾ ਦਿੰਦਾ ਹੈ, ਇਸ ਨਾਲ ਤੁਹਾਡੇ ਲੋਕਲਾਈਜ਼ੇਸ਼ਨ ਖਰਚੇ ਘਟਦੇ ਹਨ।
ਉੱਚੀ ਦਰੁਸਤੀ: ਏਆਈ-ਚਲਿਤ ਅਨੁਵਾਦ ਸੰਦਰਭ ਅਨੁਸਾਰ ਸਹੀ ਅਤੇ ਉੱਚ ਗੁਣਵੱਤਾ ਵਾਲੇ ਨਤੀਜੇ ਯਕੀਨੀ ਬਣਾਉਂਦੇ ਹਨ।
ਵਧਣ ਯੋਗ ਹੱਲ: ਜਿਵੇਂ-ਜਿਵੇਂ ਤੁਹਾਡਾ ਐਪਲੀਕੇਸ਼ਨ ਅਤੇ ਗਾਹਕ ਆਧਾਰ ਵਧਦਾ ਹੈ, ਨਵੀਆਂ ਭਾਸ਼ਾਵਾਂ ਲਈ ਸਮਰਥਨ ਆਸਾਨੀ ਨਾਲ ਜੋੜਿਆ ਜਾ ਸਕਦਾ ਹੈ।

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

ਤੁਹਾਡਾ React ਐਪਲੀਕੇਸ਼ਨ ਆਪਣੇ ਆਪ ਅਨੁਵਾਦ ਹੋ ਜਾਵੇਗਾ ਜਦੋਂ ਤੁਸੀਂ ਕਿਸੇ Translate ਕੰਪੋਨੇਟ ਵਿੱਚ ਕੋਈ ਵੀ ਸਤਰਾਂ ਜੋੜਦੇ ਹੋ। ਧਿਆਨ ਰੱਖੋ ਕਿ ਕੇਵਲ ਉਹ ਵਾਤਾਵਰਣ ਜਿਨ੍ਹਾਂ ਕੋਲ API ਕੀ 'ਤੇ read/write ਅਨੁਮਤੀਆਂ ਹਨ, ਨਵੇਂ ਅਨੁਵਾਦ ਯੋਗ ਸਤਰਾਂ ਬਣਾਉਣ ਦੇ ਯੋਗ ਹੋਣਗੇ।

ਅਸੀਂ ਸਿਫਾਰਸ਼ ਕਰਦੇ ਹਾਂ ਕਿ ਤੁਹਾਡੇ ਕੋਲ ਇੱਕ ਬੰਦ ਅਤੇ ਸੁਰੱਖਿਅਤ ਸਟੇਜਿੰਗ ਵਾਤਾਵਰਣ ਹੋਵੇ ਜਿੱਥੇ ਤੁਸੀਂ ਆਪਣੀ ਪ੍ਰੋਡਕਸ਼ਨ ਐਪਲੀਕੇਸ਼ਨ ਦੀ ਜਾਂਚ ਕਰ ਸਕੋ ਅਤੇ ਲਾਈਵ ਹੋਣ ਤੋਂ ਪਹਿਲਾਂ ਨਵੀਂ ਸਤਰਾਂ ਜੋੜ ਸਕੋ। ਇਹ ਕਿਸੇ ਨੂੰ ਵੀ ਤੁਹਾਡੀ ਗੁਪਤ API ਕੀ ਚੋਰੀ ਕਰਨ ਤੋਂ ਰੋਕੇਗਾ, ਅਤੇ ਸੰਭਵ ਹੈ ਕਿ ਅਣਚਾਹੇ ਸਤਰਾਂ ਜੋੜ ਕੇ ਤੁਹਾਡੇ ਅਨੁਵਾਦ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਬੇਕਾਰ ਤਰੀਕੇ ਨਾਲ ਫੁੱਲਾਉਣ ਤੋਂ ਵੀ ਬਚਾਵੇਗਾ।