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

ਰੀਐਕਟ ਐਪਲੀਕੇਸ਼ਨਾਂ ਲਈ ਬਿਨਾਂ ਕਿਸੇ ਮੁਸ਼ਕਲ ਦੇ ਲੋਕਲਾਈਜ਼ੇਸ਼ਨ

ਕੀ ਤੁਸੀਂ ਆਪਣੀ 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। ਇਥੇ ਮੂਲ ਬਾਰੇ ਵਧੇਰੇ ਪੜ੍ਹੋ।
.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 ਵੱਲੋਂਨਾਰਵੇ ਵਿੱਚ ਬਣਾਇਆ ਗਿਆ