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
ਫਾਇਲ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰ ਸਕਦੇ ਹੋ।
ਤੁਹਾਨੂੰ ਦੋ ਹੋਰ Environment Variables ਵੀ ਜੋੜਣੇ ਪੈਣਗੇ: TACOTRANSLATE_DEFAULT_LOCALE
ਅਤੇ TACOTRANSLATE_ORIGIN
.
TACOTRANSLATE_DEFAULT_LOCALE
: ਡਿਫੌਲਟ ਫਾਲਬੈਕ ਲੋਕੇਲ ਕੋਡ। ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਅਸੀਂ ਇਸਨੂੰ ਅੰਗਰੇਜ਼ੀ ਲਈen
ਤੇ ਸੈੱਟ ਕਰਾਂਗੇ।TACOTRANSLATE_ORIGIN
: ਉਹ "ਫੋਲਡਰ" ਜਿੱਥੇ ਤੁਹਾਡੇ ਸਟਰਿੰਗਜ਼ ਸਟੋਰ ਕੀਤੇ ਜਾਣਗੇ, ਜਿਵੇਂ ਕਿ ਤੁਹਾਡੀ ਵੈੱਬਸਾਈਟ ਦਾ URL। ਅਸਲ ਬਾਰੇ ਇੱਥੇ ਵਧੇਰੇ ਪੜ੍ਹੋ।
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." />
);
}
ਟੈਕੋਟ੍ਰਾਂਸਲੇਟ ਦੇ ਵਰਤੋਂ ਦੇ ਫਾਇਦੇ
- ਸਮਾਂ ਬਚਾਉਣਾ: ਲੋਕਲਾਈਜੇਸ਼ਨ ਅਤੇ ਸਟ੍ਰਿੰਗ ਇਕੱਠਾ ਕਰਨ ਦੀ ਥਕਾਉਣ ਵਾਲੀ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਆਟੋਮੇਟ ਕਰਦਾ ਹੈ, ਜੋ ਤੁਹਾਡਾ ਕੀਮਤੀ ਸਮਾਂ ਬਚਾਉਂਦਾ ਹੈ।
- ਲਾਗਤ-ਪ੍ਰਭਾਵਸ਼ਾਲੀ: ਹੱਥੋਂ ਕੀਤੀ ਅਨੁਵਾਦ ਦੀ ਲੋੜ ਨੂੰ ਘਟਾਉਂਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਤੁਹਾਡੀਆਂ ਲੋਕਲਾਈਜੇਸ਼ਨ ਖਰਚਾਂ ਘੱਟ ਹੁੰਦੀਆਂ ਹਨ।
- ਵਧੀਆ ਸਟਿਕਤਾ: AI-ਚਲਿਤ ਅਨੁਵਾਦ ਸੰਦਰਭ ਅਨੁਸਾਰ ਸਹੀ ਅਤੇ ਉੱਚ ਗੁਣਵੱਤਾ ਵਾਲੇ ਨਤੀਜੇ ਯਕੀਨਨ ਕਰਦੇ ਹਨ।
- ਵਧਦੀਆਂ ਸਮਰੱਥਾ ਵਾਲਾ ਹੱਲ: ਜਿਵੇਂ-जਿਵੇਂ ਤੁਹਾਡਾ ਐਪਲੀਕੇਸ਼ਨ ਅਤੇ ਗਾਹਕ ਬਿਨਾ ਵੱਧਦਾ ਹੈ, ਨਵੀਆਂ ਭਾਸ਼ਾਵਾਂ ਲਈ ਸਮਰਥਨ ਆਸਾਨੀ ਨਾਲ ਜੋੜੋ।
ਅੱਜ ਹੀ ਸ਼ੁਰੂ ਕਰੋ!
ਤੁਹਾਡੇ React ਐਪਲੀਕੇਸ਼ਨ ਦਾ ਆਟੋਮੈਟਿਕ ਅਨੁਵਾਦ ਕੀਤਾ ਜਾਵੇਗਾ ਜਦੋਂ ਤੁਸੀਂ Translate
ਕੰਪੋਨੈਂਟ ਵਿੱਚ ਕੋਈ ਵੀ ਸਟਰਿੰਗਜ਼ ਸ਼ਾਮਲ ਕਰੋਗੇ। ਗੌਰ ਕਰੋ ਕਿ ਕੇਵਲ ਉਹੀ ਮਾਹੌਲ ਜਿੱਥੇ read/write
API ਕੀ ਦੀ ਅਧਿਕਾਰਤਾ ਹੈ, ਨਵੀਆਂ ਅਨੁਵਾਦ ਲਈ ਸਟਰਿੰਗਜ਼ ਬਣਾਉਣ ਦੇ ਯੋਗ ਹੋਣਗੇ।
ਅਸੀਂ ਸਿਫਾਰਿਸ਼ ਕਰਦੇ ਹਾਂ ਕਿ ਇੱਕ ਬੰਦ ਅਤੇ ਸੁਰੱਖਿਅਤ ਸਟੇਜਿੰਗ ਮਾਹੌਲ ਬਣਾਇਆ ਜਾਵੇ ਜਿੱਥੇ ਤੁਸੀਂ ਆਪਣਾ ਪ੍ਰੋਡਕਸ਼ਨ ਐਪਲੀਕੇਸ਼ਨ ਟੈਸਟ ਕਰ ਸਕੋ, ਨਵੀਆਂ ਸਟਰਿੰਗਜ਼ ਜੋੜਦਿਆਂ ਲਾਈਵ ਜਾਣ ਤੋਂ ਪਹਿਲਾਂ। ਇਸ ਨਾਲ ਕੋਈ ਵੀ ਤੁਹਾਡੀ ਗੁਪਤ 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!