TacoTranslate
/
ਡੌਕਯੂਮੈਂਟੇਸ਼ਨਕੀਮਤਾਂ
 
ਲੇਖ
04 ਮਈ

React ਐਪਲੀਕੇਸ਼ਨਾਂ ਲਈ ਆਸਾਨ ਲੋਕਲਾਈਜੇਸ਼ਨ

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

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

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

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

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 ਕਾਂਟੈਕਸਟ ਪ੍ਰੋਵਾਈਡਰ ਨਾਲ ਲਪੇਟੋ:

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

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 ਵੱਲੋਂ ਇੱਕ ਉਤਪਾਦਨਾਰਵੇ ਵਿੱਚ ਬਣਾਇਆ ਗਿਆ