React යෙදුම් සඳහා ජාත්‍යන්තරීකරණයේ (i18n) හොඳම විසඳුම

ඔබේ React යෙදුම නව වෙළඳපොළවලට පුළුල් කිරීමට බලාපොරොත්තුද? TacoTranslate ඔබගේ React යෙදුම් පහසුවෙන් ස්ථානික කිරීමට ඉතා පහසු කරන අතර, අමාරුවක් නොමැතිව ගෝලීය ප්‍රේක්ෂකයෙකුට ළඟා වීමට හැකි කරයි.

React සඳහා TacoTranslate තෝරා ගත යුතුේ ඇයි?

Seamless Integration: React යෙදුම් සඳහා විශේෂයෙන්ම නිර්මාණය කර ඇති අතර, TacoTranslate ඔබගේ පවතින වැඩ ප්‍රවාහයට බාධාවක් නොමැතිව පහසුවෙන් ඒකාබද්ධ වේ.
Automatic String Collection: JSON ගොනු අත්‍යවශ්‍ය ලෙස කළමනාකරණය කිරීම අවශ්‍ය නැත. TacoTranslate ස්වයංක්‍රීයව ඔබේ කේත මූලාශ්‍රයෙන් පෙළ රැස් කරයි.
AI-Powered Translations: ඔබේ යෙදුමේ තත්ත්වයට ගැලපෙන, සන්දර්භානුකූලව නිවැරදි පරිවර්තන ලබාදීමට කෘත්‍රිම බුද්ධියේ ශක්තිය භාවිතා කරන්න.
Instant Language Support: තනි ක්ලික්යක් මගින් නව භාෂා සඳහා සහය එක්කර ඔබේ යෙදුම ගෝලීයව ප්‍රවේශහත් කරගන්න.

මෙය කෙසේ ක්‍රියා කරයි

npm හරහා TacoTranslate පැකේජය ස්ථාපනය කරන්න:

npm install tacotranslate

මොඩියුලය ස්ථාපනය කර ඇත්නම්, ඔබට TacoTranslate ගිණුමක්, පරිවර්තන ව්‍යාපෘතියක් සහ සම්බන්ධිත API යතුරු සාදන්න අවශ්‍ය වේ. මෙහි ගිණුමක් සාදාගන්න. මෙය නොමිලේ වන අතර, ක්‍රෙඩිට් කාඩ්පතක් එක් කිරීමට ඔබට අවශ්‍ය නොවේ.

TacoTranslate යෙදුමේ UI තුළ ව්‍යාපෘතියක් සාදා, එහි API keys ටැබයට යන්න. එක් read යතුරක් සහ එක් read/write යතුරක් සාදන්න. අප ඒවා පරිසර විචල්‍ය (environment variables) ලෙස සුරකින්නෙමු. read යතුර අපි public ලෙස හැඳින්වෙයි සහ read/write යතුර secret ලෙසයි. උදාහරණයක් ලෙස, ඔබට ඒවා ඔබගේ ව්‍යාපෘතියේ මූල ඩිරෙක්ටරියේ .env ගොනුවට එක් කළ හැක.

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

TACOTRANSLATE_DEFAULT_LOCALE: පෙරනිමි fallback ස්ථානික (locale) කේතය. මෙම උදාහරණයේ, අපි එය ඉංග්‍රීසි සඳහා en ලෙස සකසා ඇත.
TACOTRANSLATE_ORIGIN: “folder” ලෙස ඔබගේ පෙළ ගබඩා කරන ස්ථානය, උදාහරණයක් වශයෙන් ඔබේ වෙබ් අඩවියේ 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 සපයන්නා විසින් වටවමින්:

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

අදම ආරම්භ කරන්න!

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

අපි නිර්දේශ කරනවා ඔබගේ නිෂ්පාදන යෙදුම ලයිව්‌ට යැවීමට පෙර පරීක්ෂා කළ හැකි වසා ඇති සහ ආරක්ෂිත staging පරිසරයක් තබා ගන්නා ලෙස — එහිදී නව පෙළ එකතු කර බලන්න. මෙය කවුරකුටවත් ඔබගේ රහස් API යතුර සොරකම් කිරීමට හා දෝෂාත්මක පෙළ එකතු කිරීමෙන් ඔබගේ පරිවර්තන ව්‍යාපෘතිය අතිරික්තව යෑමට අවහිර කරයි.