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 භාෂා කේතය. මෙහි උදාහරණයක් ලෙස, අපි 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 සපයන්නා සමඟ වටහා ගන්න:

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 අනුමතීන් ඇති පරිසරයන්ට පමණක් පරිවර්තනය සඳහා නව පද පෙළක් තනිය හැකි බව සලකන්න.

අපි ඔබගේ නිෂ්පාදන යෙදුම පරීක්ෂා කළ හැකි වසා දැමූ හා ආරක්ෂිත පියවර පරිසරයක් ගොඩනගෙන, සජීවී කරණයට පෙර නව පද පෙළ එක් කිරීමට උපදෙස් දෙමු. මෙය කවුරුහරි ඔබගේ රහසිගත API යතුර යැරීමට හා අය වැය වැඩි කිරීමට හෝ එවැනි දෝෂාත්මක පද පෙළ එක් කිරීම නිසා පරිවර්තන ව්projekභාවය බරපතළ වනවාට වැළැක්වීම සිදු කරයි.