React යෙදුම් සඳහා පහසු ස්ථානීකරණය

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

.env

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

රහසිගත read/write API යතුර කිසිවිටෙකත් client-side නිෂ්පාදන පරිසරවලට හෙළි නොකරන්න.

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 භාවිතයෙන් ලබන ප්‍රයෝජන

Time saving: පෙළ එකතු කිරීම ඇතුළු කාර්යබහුල දේශීයගත කිරීමේ ක්‍රියාවලීන් ස්වයංක්‍රීය කර ඔබට වටිනා කාලය ඉතිරි කරයි.
Cost-effective: අතින් සිදු කරන පරිවර්තන අවශ්‍යතාවය අඩු කර ඔබේ දේශීයගත කිරීමේ වියදම් අඩු කරයි.
Improved accuracy: AI-සහාය ඇති පරිවර්තන සන්දර්භයට ගැළපෙන නිවැරදි හා උසස් තත්ත්වයේ ප්‍රතිඵල සහතික කරයි.
Scalable Solution: ඔබගේ යෙදුම හා පාරිභෝගික පදනම විශාල වන විටත් පහසුවෙන් නව භාෂා සඳහා සහය එකතු කළ හැක.

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

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

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