ಅಧುನೀಕರಿಸಿದ ಬಳಕೆ
ಅಡಗಿ ಬಲಕ್ಕೆ ಭಾಷೆಗಳ ನಿರ್ವಹಣೆ
TacoTranslate ನಿಮ್ಮ React ಅಪ್ಲికೇಶನ್ಗಳಲ್ಲಿ ಅರಬ್ಬಿ ಮತ್ತುಹೀಬ್ರೂಂತಹ ಬಲದಿಂದಎಡಕ್ಕೆ (RTL) ಭಾಷೆಗಳನ್ನು ಬೆಂಬಲಿಸಲು ಸುಲಭವಾಗಿಸುತ್ತದೆ. RTL ಭಾಷೆಗಳನ್ನು ಸರಿಯಾದ ರೀತಿಯಲ್ಲಿ ನಿಭಾಯಿಸುವ ಮೂಲಕ, ಬಲದಿಂದಎಡಕ್ಕೆ ಓದುವ ಬಳಕೆದಾರರಿಗೆ ನಿಮ್ಮ ವಿಷಯ ಸರಿಯಾಗಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ ಎಂದು ಖಚಿತಪಡಿಸುತ್ತದೆ.
import {useTacoTranslate} from 'tacotranslate/react';
function Document() {
const {locale, isRightToLeft} = useTacoTranslate();
return (
<html lang={locale} dir={isRightToLeft ? 'rtl' : 'ltr'}>
<body>
// ...
</body>
</html>
);
}
ನೀವು ಒದಗಿಸಿರುವ isRightToLeftLocaleCode
ಫังก್ಷನ್ ಅನ್ನು ಬಳಸಿ ಈಗಿನ ಭಾಷೆಯನ್ನು React ಬಾಹ್ಯದಲ್ಲಿ ಪರಿಶೀಲಿಸಬಹುದು.
import {isRightToLeftLocaleCode} from 'tacotranslate';
function foo(locale = 'es') {
const direction = isRightToLeftLocaleCode(locale) ? 'rtl' : 'ltr';
// ...
}
ಅನುવાદ ನಿಷ್ಕ್ರಿಯಗೊಳಿಸುವುದು
ಒಂದು ಸ್ಟ್ರಿಂಗ್ನ ವಿಶೇಷ ಭಾಗಗಳ ಅನುವಾದವನ್ನು ನಿಷ್ಕ್ರಿಯ ಮಾಡಬೇಕಾದರೆ ಅಥವಾ ಕೆಲ ವಿಭಾಗಗಳನ್ನು ಆದೃಷ್ಟರೂಪದಲ್ಲಿ ಉಳಿಸುವುದನ್ನು ಖಚಿತಪಡಿಸಬೇಕಾದರೆ, ನೀವು ಮೂವರು ಚತುರ್ಭುಜ ಕರ್ಭುಜಗಳನ್ನು ಬಳಸಬಹುದು. ಹೆಸರಿನ ಮೂಲ ಸ್ವರೂಪ, ತಾಂತ್ರಿಕ ಪದಗಳು ಅಥವಾ ಸಹ ಅನುವಾದಿಸಬಾರದೆಂದೇ ಇರುವ ಯಾವುದೇ ವಿಷಯವನ್ನು ಕಾಪಾಡಿಕೊಳ್ಳಲು ಈ 기능 ಉಪಯುಕ್ತವೆ.
import {Translate} from 'tacotranslate/react';
function Component() {
return (
<Translate string="Hello, [[[TacoTranslate]]]!" />
);
}
ಈ ಉದಾಹರಣೆಯಲ್ಲಿ, “TacoTranslate” ಎಂಬ ಪದವು ಅನುವಾದದಲ್ಲಿ ಬದಲಾಯಿಸಿಲ್ಲ.
ಬಹು TacoTranslate ಪ್ರೊವೈಡರ್ಗಳು
ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ನಲ್ಲಿ ಬಹುಸಂಖ್ಯkeletal TacoTranslate
ಒದಗಿಸುವವರನ್ನು ಬಳಸಲು ನಾವು ಬಲವಾಗಿ ಪ್ರೋತ್ಸಾಹಿಸುತ್ತೇವೆ. ಇದುವು ನಿಮ್ಮ ಅನುವಾದಗಳು ಮತ್ತು ಸ್ಟ್ರಿಂಗ್ಗಳನ್ನು ವಿಭಿನ್ನ ಮೂಲಗಳಂತೆ, ಉದಾಹರಣೆಗೆ ನಿಮ್ಮ ಹೆಡರ್, ಫೂಟರ್, ಅಥವಾ ನಿರ್ದಿಷ್ಟ ವಿಭಾಗಗಳಾಗಿ ಸಂಘಟಿಸಲು ಸಹಾಯಕವಾಗಿದೆ.
ನೀವು ಇಲ್ಲಿ ಮೂಲಗಳನ್ನು ಬಳಸದ ಬಗ್ಗೆ ಹೆಚ್ಚಿನ ಮಾಹಿತಿಯನ್ನು ಓದಿ ತಿಳಿದುಕೊಳ್ಳಬಹುದು.
TacoTranslate
ಪುರವೈಯರು ಯಾವುದೇ ಪೋಷಕ ಪುರವೈಯರಿಂದ ಸೆಟ್ಟಿಂಗ್ಸ್ وارثیಗೊಳ್ಳುತ್ತಾರೆ, ಆದ್ದರಿಂದ ನೀವು ಯಾವುದೇ ಇತರೆ ಸೆಟ್ಟಿಂಗ್ಗಳನ್ನು ಮರುಪಾಠ ಮಾಡಲು ಅಗತ್ಯವಿಲ್ಲ.
import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate} from 'tacotranslate/react';
const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});
function Header() {
return (
<TacoTranslate origin="header">
// ...
</TacoTranslate>
);
}
function Menu() {
return (
<TacoTranslate origin="menu">
// ...
</TacoTranslate>
);
}
export default function App() {
return (
<TacoTranslate client={tacoTranslateClient} origin="page" locale="es">
<Header />
<Menu />
</TacoTranslate>
);
}
ಮೂಲ ಅಥವಾ ಸ್ಥಳಿಕೆಯನ್ನು ಮೀರಿಸುವಿಕೆ
ಬಳಸುವದೆಗೂ ಹೊರತುಗು, ನಾನಾ TacoTranslate
ಪೂರೈಕೆದಾರರನ್ನು ಬಳಸುವುದರೊಂದಿಗೆ, ನೀವು Translate
ಘಟಕ ಮತ್ತು useTranslation
ಹೂಕ್ ಮಟ್ಟಗಳಲ್ಲಿ ಮೂಲ ಮತ್ತು ಸ್ಥಳೀಯತೆ ಹೇಗೆ ಮಾರ್ಪಡಿಸಬಹುದು.
import {Translate, useTranslation} from 'tacotranslate/react';
function Greeting() {
const spanishHello = useTranslation('Hello!', {locale: 'es'});
return (
<>
{spanishHello}
<Translate string="What’s up?" origin="greeting" />
</>
);
}
ಲೋಡಿಂಗ್ ನಿರ್ವಹಣೆ
ಕ್ಲಯಿಂಟ್ಭಾಗದಲ್ಲಿ ಭಾಷೆಗಳನ್ನು 변경ಿಸುವಾಗ, ಅನುವಾದಗಳನ್ನು ಪಡೆಯಲು ಬಳಕೆದಾರರ ಸಂಪರ್ಕದ ಮೇಲೆ ಅವಲಂಬಿಸಿ ಕೆಲವು ಕ್ಷಣಗಳು ತೆಗೆದುಕೊಳ್ಳಬಹುದು. ಬದಲಾವಣೆ ಸಮಯದಲ್ಲಿ視UAL ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ಒದಗಿಸುವ ಮೂಲಕ ಬಳಕೆದಾರ ಅನುಭವವನ್ನು ಸುಧಾರಿಸಲು ನೀವು ಲೋಡ್ ಆಗುತ್ತಿರುವ ಸೂಚಕವನ್ನು ಪ್ರದರ್ಶಿಸಬಹುದು.
import {useTacoTranslate} from 'tacotranslate/react';
function Component() {
const {isLoading} = useTacoTranslate();
return (
isLoading ? 'Translations are loading...' : null
);
}
ಬಹುವಚನೀಕರಣ
ವಿಭಿನ್ನ ಭಾಷೆಗಳಲ್ಲಿ ಬಹುವಚನ ನಿರ್ವಹಣೆ ಮತ್ತು ಎಣಿಕೆ ಆಧಾರಿತ ಲೇಬಲುಗಳನ್ನು ಸರಿಯಾಗಿ ಪ್ರದರ್ಶಿಸಲು, ಇದನ್ನು ಉತ್ತಮ ಅಭ್ಯಾಸವಾಗಿ ಪರಿಗಣಿಸಲಾಗುತ್ತದೆ:
import {Translate, useLocale} from 'tacotranslate/react';
function PhotoCount() {
const locale = useLocale();
const count = 1;
return count === 0 ? (
<Translate string="You have no photos." />
) : count === 1 ? (
<Translate string="You have 1 photo." />
) : (
<Translate
string="You have {{count}} photos."
variables={{count: count.toLocaleString(locale)}}
/>
);
}
ಬಹುಭಾಷೆಗಳು
ಒಂದುೇ ಅಪ್ಲಿಕೇಶನ್ನಿನಲ್ಲಿಯೇ ಒಂದೇ ಸಮಯದಲ್ಲಿ 여러 زبانಗಳನ್ನು ಬೆಂಬಲಿಸಲು, ನೀವು ಗಣನೀಯ locale
ಮೌಲ್ಯಗಳೊಂದಿಗೆ ಹಲವು TacoTranslate ಪ್ರೊವೈಡರ್ಗಳನ್ನು ಬಳಸಬಹುದು ಇಂತಹ ರೀತಿಯಲ್ಲಿ ಕೆಳಗಿನಂತೆ:
ನೀವು locale
ಅನ್ನು ಕಂಪೋನೆಂಟ್ ಅಥವಾ ಹೂಕ್ ಮಟ್ಟದಲ್ಲಿ ಮೀರಿಸಬಹುದು.
import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate, Translate} from 'tacotranslate/react';
const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});
function Spanish() {
return (
<TacoTranslate locale="es">
<Translate string="Hello, world in Spanish!" />
</TacoTranslate>
);
}
function Norwegian() {
return (
<TacoTranslate locale="no">
<Translate string="Hello, world in Norwegian!" />
</TacoTranslate>
);
}
export default function App() {
return (
<TacoTranslate client={tacoTranslateClient} origin="page" locale="es">
<Spanish />
<Norwegian />
</TacoTranslate>
);
}
ಅನುವಾದ ID ಗಳನ್ನು ಉಪಯೋಗಿಸುವುದು
ನೀವು Translate
ಘಟಕಕ್ಕೆ ವಿಭಿನ್ನ ಅನುವಾದಗಳು ಅಥವಾ ಅರ್ಥಗಳನ್ನು ನಿರ್ವಹಿಸಲು id
ಅನ್ನು ಸೇರಿಸಬಹುದು. ಒಂದೇ ಪಠ್ಯವು ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಆಧರಿಸಿ ವಿಭಿನ್ನ ಅನುವಾದಗಳನ್ನು ಅಗತ್ಯವಿರುವಾಗ ಇದು ವಿಶೇಷವಾಗಿ ಲಾಭದಾಯಕವಾಗಿದೆ. ಅಪ್ರತಿಮ ID ಗಳನ್ನು ನೀಡುವುದರಿಂದ, ಪ್ರತಿಯೊಂದು ಪಠ್ಯದ ಪ್ರತಿಯನ್ನು ಅದರ ವಿಶೇಷ ಅರ್ಥದ ಪ್ರಕಾರ ನಿಖರವಾಗಿ ಅನುವಾದಿಸಲಾಗುತ್ತದೆ ಎಂದು ನೀವು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳುತ್ತೀರಿ.
import {Translate} from 'tacotranslate/react';
function Header() {
return (
<Translate id="header" string="Login" />
);
}
function Footer() {
return (
<Translate id="footer" string="Login" />
);
}
ಉದಾಹರಣೆಗೆ, header login ಅನ್ನು ಸ್ಪ್ಯಾನಿಷ್ನಲ್ಲಿ “Iniciar sesión” ಎಂದು ಮತ್ತು footer login ಅನ್ನು “Acceder” ಎಂದು ಅನುವಾದಿಸಬಹುದು.