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

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

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

බාධා රහිත ඒකාබද්ධ කිරීම: React යෙදුම් සඳහා විශේෂ ලෙස නිර්මාණය කළ TacoTranslate ඔබේ දැනට පවතින කාර්ය ප්‍රවාහයට පහසුවෙන් ඒකාබද්ධ වේ.
ස්වයංක්‍රීය පෙළ රැස් කිරීම: JSON ගොනු අතින් කළමනාකරණය කිරීමට තවදුරටත් අවශ්‍ය නැත. TacoTranslate ඔබගේ කේත තොගයෙන් ස්වයංක්‍රීයව පෙළ රැස් කරයි.
AI බලගැන්වූ පරිවර්තන: ඔබගේ යෙදුමේ ස්වරයට ගැලපෙන, පරිසරය අනුව නිවැරදි පරිවර්තන සැපයීමට AI ශක්තිය භාවිතා කරන්න.
ක්ෂණික භාෂා සහය: නව භාෂා සඳහා සහය එක ක්ලික් කිරීමෙන් පමණක් එක් කළ හැකිය, එවිට ඔබගේ යෙදුම ගෝලීයව ප්‍රවේශයට ලැබේ.

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

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

npm install tacotranslate

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

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

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

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

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

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

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

අපි ඔබට නිර්දේශ කරන වන්නේ, ඔබේ නිෂ්පාදන යෙදුම පරීක්ෂා කිරීමට සහ සජීව කිරීමට පෙර නව පෙළ එකතු කළ හැකි වසා දැමූ සහ ආරක්ෂිත staging පරිසරයක් තිබීමයි. මෙය කවුරුන්හෝ ඔබගේ රහසිගත API යතුර හොරකම්කර ගැනීමෙන් හා අනවසර පෙළ එකතු කිරීමෙන් ඔබගේ පරිවර්තන ව්‍යාපෘතිය අතිරික්තව පිරිවීමෙන් (bloat) වළක්වනු ඇත.