Author:
    Aymeric PINEAU
    Creation:2026-01-21Last update:2026-01-21

    react-intlayer पैकेज

    react-intlayer पैकेज React एप्लिकेशनों में Intlayer को एकीकृत करने के लिए आवश्यक टूल प्रदान करता है। इसमें context providers, hooks, और बहुभाषी सामग्री को संभालने के लिए components शामिल हैं।

    इंस्टॉलेशन

    bash
    npm install react-intlayer

    एक्सपोर्ट्स

    प्रोवाइडर्स

    इम्पोर्ट:

    tsx
    import "react-intlayer";
    कंपोनेंटविवरणसंबंधित दस्तावेज़
    IntlayerProviderआपके एप्लिकेशन को रैप करने वाला मुख्य provider जो Intlayer context प्रदान करता है। डिफ़ॉल्ट रूप से editor समर्थन शामिल है।IntlayerProvider
    IntlayerProviderContenteditor फीचर्स के बिना content पर केंद्रित एक provider component। तब उपयोग करें जब आपको visual editor की आवश्यकता न हो।-
    HTMLProviderHTML-संबंधित अंतर्राष्ट्रीयकरण सेटिंग्स के लिए प्रदाता। HTML टैग्स के लिए component overrides की अनुमति देता है।-

    हुक्स

    इम्पोर्ट:

    tsx
    import "react-intlayer";
    हुकविवरणसंबंधित दस्तावेज़
    useIntlayerक्लाइंट-साइड hook जो अपनी key द्वारा एक dictionary चुनता है और उसका content लौटाता है। यदि locale प्रदान नहीं किया गया है तो यह context से locale का उपयोग करता है।useIntlayer
    useDictionaryHook जो एक dictionary ऑब्जेक्ट को रूपांतरित करता है और वर्तमान locale के लिए कंटेंट लौटाता है। t() अनुवादों, enumerations, आदि को प्रोसेस करता है।useDictionary
    useDictionaryAsyncHook जो asynchronous dictionaries को संभालता है। यह एक promise-आधारित dictionary मैप स्वीकार करता है और वर्तमान locale के लिए उसे resolve करता है।-
    useDictionaryDynamicKey द्वारा लोड की जाने वाली डायनामिक डिक्शनरीज़ को हैंडल करने वाला Hook। लोडिंग स्टेट्स के लिए आंतरिक रूप से React Suspense का उपयोग करता है।-
    useLocaleवर्तमान locale, default locale, उपलब्ध locales और locale अपडेट करने के लिए एक फ़ंक्शन प्राप्त करने वाला क्लाइंट-साइड Hook।useLocale
    useLocaleBasecontext से current locale और संबंधित सभी फ़ील्ड्स (locale, defaultLocale, availableLocales, setLocale) प्राप्त करने के लिए Hook।-
    useRewriteURLURL rewrites को मैनेज करने के लिए client-side Hook। यदि current pathname और locale के लिए कोई rewrite rule मौजूद है, तो यह URL को अपडेट करेगा।useRewriteURL
    useI18nHook जो कुंजी के माध्यम से नेस्टेड कंटेंट तक पहुँचने के लिए एक अनुवाद फ़ंक्शन t() प्रदान करता है। i18next/next-intl पैटर्न का अनुकरण करता है।useI18n
    useIntlHook जो locale-बाउंड Intl ऑब्जेक्ट प्रदान करता है। स्वचालित रूप से वर्तमान locale इंजेक्ट करता है और ऑप्टिमाइज़्ड कैशिंग का उपयोग करता है।-
    useLocaleStorageHook जो local storage या cookies में locale persistence प्रदान करता है। getter और setter फ़ंक्शन्स लौटाता है।-
    useLocaleCookieDeprecated. इसके बजाय useLocaleStorage का उपयोग करें। Hook जो cookies में locale persistence को प्रबंधित करता है।-
    useLoadDynamicReact Suspense का उपयोग करके डायनामिक डिक्शनरीज़ लोड करने के लिए Hook। एक key और promise स्वीकार करता है, और परिणामों को कैश करता है।-
    useIntlayerContextHook जो वर्तमान Intlayer क्लाइंट context मान (locale, setLocale, आदि) प्रदान करता है।-
    useHTMLContextHTMLProvider संदर्भ से HTML कंपोनेंट ओवरराइड्स तक पहुँचने का Hook।-

    फ़ंक्शंस

    इम्पोर्ट:

    tsx
    import "react-intlayer";
    फ़ंक्शनविवरणसंबंधित दस्तावेज़
    tक्लाइंट-साइड अनुवाद फ़ंक्शन जो प्रदान की गई बहुभाषी सामग्री का अनुवाद लौटाता है। यदि locale प्रदान नहीं किया गया है तो context का locale उपयोग करता है।अनुवाद
    getDictionaryडिक्शनरी ऑब्जेक्ट्स को प्रोसेस करता है और निर्दिष्ट locale के लिए सामग्री लौटाता है। यह t() अनुवादों, enumerations, markdown, HTML, आदि को प्रोसेस करता है।-
    getIntlayerजनरेट की गई घोषणा से उसकी key द्वारा डिक्शनरी प्राप्त करता है और निर्दिष्ट locale के लिए उसका कंटेंट लौटाता है। यह getDictionary का ऑप्टिमाइज़्ड संस्करण है।-
    setLocaleInStorageस्टोरेज में locale सेट करता है (कॉन्फ़िगरेशन के आधार पर local storage या cookie में)।-
    setLocaleCookieअप्रचलित। इसके बजाय setLocaleInStorage का उपयोग करें। locale को cookie में सेट करता है।-
    localeInStorageस्टोरेज (लोकल स्टोरेज या कुकी) से लोकेल प्राप्त करता है।-
    localeCookieअप्रचलित। इसके बजाय localeInStorage का उपयोग करें। कुकी से लोकेल प्राप्त करता है।-

    कॉम्पोनेंट्स

    इम्पोर्ट:

    tsx
    import "react-intlayer";

    or

    tsx
    import "react-intlayer/markdown";
    कम्पोनेंटविवरणसंबंधित दस्तावेज़
    MarkdownProviderMarkdown रेंडरिंग संदर्भ के लिए Provider। Markdown तत्वों के लिए कस्टम component ओवरराइड्स की अनुमति देता है।-
    MarkdownRendererकस्टम components के साथ markdown कंटेंट को रेंडर करता है। सभी मानक markdown फीचर्स और Intlayer-विशिष्ट सिंटैक्स का समर्थन करता है।MarkdownRenderer

    प्रकार

    इम्पोर्ट:

    tsx
    import "react-intlayer";
    टाइपविवरण
    IntlayerNodeIntlayer कंटेंट ट्री में एक नोड का प्रतिनिधित्व करने वाला प्रकार। प्रकार-सुरक्षित कंटेंट हेरफेर के लिए उपयोग किया जाता है।

    सर्वर-साइड (react-intlayer/server)

    इम्पोर्ट:

    tsx
    import "react-intlayer/server";
    निर्यातप्रकारविवरण
    IntlayerServerProviderComponentसर्वर-साइड रेंडरिंग के लिए प्रोवाइडर।
    IntlayerServerComponentIntlayer कंटेंट के लिए सर्वर-साइड रैपर।
    tFunctionअनुवाद फ़ंक्शन का सर्वर-साइड संस्करण।
    useLocaleHookसर्वर-साइड पर locale तक पहुँचने के लिए Hook।
    useIntlayerHookuseIntlayer का सर्वर-साइड संस्करण।
    useDictionaryHookuseDictionary का सर्वर-साइड संस्करण।
    useI18nHookuseI18n का सर्वर-साइड संस्करण।
    localeFunctionसर्वर पर locale प्राप्त करने या सेट करने के लिए फ़ंक्शन।
    validatePrefixIntlayerProvider