React යෙදුම් සඳහා අපහසුකම් රහිත දේශීයකරණය

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

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

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

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

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

npm install tacotranslate

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

TacoTranslate යෙදුමේ UI තුළ ව්‍යාපෘතියක් සාදන්න, සහ එහි API keys ටැබයට යන්න. එක් 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 භාවිතා කිරීමෙන් ලැබෙන ප්‍රයෝජන

කාලය ඉතිරි කිරීම: අධික වෙහෙස ඇති කරන ස්ථානික කිරීමේ සහ පෙළ එකතු කිරීමේ ක්‍රියාවලීන් ස්වයංක්‍රීය කරයි.
පිරිවැය-හිතකර: අතින් සිදු කරන පරිවර්තන අවශ්‍යතාවය අඩු කරමින්, ඔබගේ ස්ථානික කිරීමේ වියදම් පහත් කරයි.
නිවැරදිභාවය වැඩිවීම: AI-බලගත් පරිවර්තන ප්‍රසංගයට අනුකූලව නිවැරදි හා උසස් තත්ත්වයේ ප්‍රතිඵල ලබාදේ.
පරිමාණගත කළ හැකි විසදුම: ඔබගේ යෙදුම සහ පාරිභෝගික පදනම වර්ධනය වීමත් සමඟ නව භාෂා සඳහා සහාය පහසුවෙන් එක් කළ හැක.

අදම ඇරඹින්න!

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

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