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 යතුරක් සාදන්න. අප ඒවා පරිසර විචල්‍ය (environment variables) ලෙස සුරක්ෂිත කර ගනියි. read යතුර අපි කියන්නේ public යන්නයි, සහ read/write යතුර secret යන්නයි. උදාහරණයක් ලෙස, ඔබ ඒවා ඔබේ ව්‍යාපෘතියේ මුල් ඩිරෙක්ටරියේ ඇති .env ගොනුවට එක් කළ හැක.

ඔබට තවත් පරිසර විචල්‍ය දෙකක් එක් කිරීමට අවශ්‍ය වේ: TACOTRANSLATE_DEFAULT_LOCALE සහ TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: පෙරනිමි (fallback) 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 context provider එකෙන් වටකරන්න:

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-බලගැන්වූ පරිවර්තන සන්දර්භයට යාබදව නිවැරදි හා උසස් තත්ත්වයේ ප්‍රතිඵල ලබාදෙන බව සහතික කරයි.
විස්තාරගත කළ හැකි විසඳුම: ඔබගේ යෙදුම හා පාරිභෝගික පදනම විස්තීර්ණ වන විට නව භාෂා සඳහා සහය පහසුවෙන් එකතු කළ හැක.

අදම පටන් ගන්න!

ඔබ Translate කොම්පොනන්ට් එකකට කිසියම් පෙළක් එකතු කරන විට, ඔබේ React යෙදුම ස්වයංක්‍රීයව පරිවර්තනය වේ. සලකන්න: API යතුරට read/write අවසර ඇති පරිසරවලට පමණක් පරිවර්තනය සඳහා නව පෙළක් සාදා ගැනීමට හැකි වනු ඇත.

ලයිව් කිරීමට පෙර නව පෙළ එක් කර ඔබගේ නිෂ්පාදන යෙදුම පරීක්ෂා කළ හැකි වසා ඇති සහ ආරක්ෂිත ස්ටේජිං පරිසරයක් තිබීම අපි නිර්දේශ කරමු. ඒකෙන් කිසිවෙකුටත් කිසිවෙකුටත් ඔබේ රහසිගත API යතුර සොරකම් කර ගැනීමට වැළැක්වී, අනවශ්‍ය පෙළ එකතු කිරීමෙන් ඔබගේ පරිවර්තන ව්‍යාපෘතිය ප්‍රමාණයෙන් බරපතල වීමෙන්ද වැළකේ.