अपने React ऐप में glotstack प्रदाता जोड़ें
अपने एप्लिकेशन के शीर्ष स्तर पर एक बार context provider जोड़ना बहुत आसान है। एक बार context provider जोड़ने के बाद, आपके द्वारा प्रदान की गई भाषा के आधार पर अनुवाद अपने आप भर जाएंगे।
<GlotstackProvider initialLocale='en-US' importMethod={importMethod}>
<YourApp/>
</GlotstackProvider>
कभी भी अपनी अनुवाद मांग पर प्राप्त करें —
yarn glotstack get-translations
भाषा विशेषज्ञों के उपलब्ध होने का इंतजार खत्म। अपने अनुवाद कभी भी अपडेट करने के लिए हमारे CLI का उपयोग करें। अनुवाद फ़ाइल में
context
का उपयोग सुनिश्चित करता है कि आपके अनुवाद आपकी मंशा के अनुरूप हैं। YAML फाइलों के लिए
--yaml
और
YAML के बारे में देखें।
Glotstack एक सरल हुक-आधारित API का उपयोग करता है
const { t } = useGlotstack()
<>
{t('YourKey', {
assigns: {
Component: <Component prop="f"></Component>,
insertNode: <Icon name="icon-set"/>,
mdash: <>—</>
another: <>{t('OtherKey', {locale: 'en-US'})}
},
})}
</>
आप assigns
विकल्प का उपयोग करके किसी भी React.Node
को अनुवाद में बदल सकते हैं। आप <Component>something</Component>
नोटेशन इनलाइन इस्तेमाल कर सकते हैं, जब तक कि आप assigns में उचित कंपोनेंट नाम पास करें। यह तब उपयोगी है जब आप नया अनुवाद कुंजी नहीं बनाना चाहते। आप {{substitution}}
नोटेशन का सीधे किसी भी नोड को प्रतिस्थापित करने के लिए उपयोग कर सकते हैं।
YourKey:
value: |
This is an example source text. We want to <Component>do this</Component.
We also want to demonstrate {{insertNode}} and {{mdash}}.
We can even nest other translated things {{another}}.