एक सरल परमाणु मॉडल का उपयोग करके रिएक्ट में साझा वैश्विक स्थिति बनाने का सबसे सरल तरीका। इस ब्लॉग में, आपको पुस्तकालय के उपयोग और क्रियान्वयन के विवरण मिलेंगे।

प्रयोग

अपना वैश्विक राज्य बनाएं

import { gState } from 'usegstate'

const myGlobalState = gState('hello-world!')

import useGState from 'usegstate'

const YourAwesomeApp = () => {
  const [gState,setGState] = useGState(myGlobalState)
  return (
    <div>{gState}</div>
  )
}

import {GStateProvider} from 'usegstate'

const Wrapper = () => {
  return (
    <GStateProvider>
      <YourAwesomeApp />
    </GStateProvider>
  )
}

रिएक्ट कॉन्टेक्स्ट एपीआई क्यों नहीं?

जैसा कि हम जानते हैं कि जब भी किसी चाइल्ड कंपोनेंट में शेयर्ड स्टेट में बदलाव होता है तो रिएक्ट कॉन्टेक्स्ट प्रत्येक बच्चे को फिर से प्रस्तुत करता है, जिससे कुछ मामलों में अतिरिक्त रेंडरिंग और प्रदर्शन संबंधी समस्याएं होती हैं।

प्रेरणा

मैं हमेशा इस बारे में उत्सुक रहा हूं कि ये बाहरी केंद्रीय राज्य पुस्तकालय जैसे रेडक्स , जोताई इत्यादि कैसे काम करते हैं। ऐसा लगता है जैसे वे किसी प्रकार की महाशक्ति का उपयोग कर रहे हैं जो उन्हें इन बाहरी केंद्रीय स्टोरों को बनाने देता है, जो कि प्रतिक्रिया के यूनिडायरेक्शनल प्रवाह से पूरी तरह से अलग हैं।

और उनके विशाल स्रोत कोड के माध्यम से जाने के बाद, मुझे कुंजी मिल गई। एक चीज जो वास्तव में मेरे प्रतिक्रिया ज्ञान की चौड़ाई को बढ़ाती है।

GState के उपयोग का मुख्य विचार — यह कैसे काम करता है।

रिएक्ट का स्टेट सेटर फंक्शन जैसे यूजस्टेट () का सेटर फंक्शन या यूजरेड्यूसर () का डिस्पैच फंक्शन, रिएक्ट के यूनिडायरेक्शनल फ्लो के बाहर की स्थिति को एक्सेस/संशोधित कर सकता है।

सरल शब्दों में, हम इस महत्वपूर्ण विचार का उपयोग करके सामान्य जेएस कार्यों में प्रतिक्रिया स्थिति को एक्सेस/संशोधित कर सकते हैं। अब हम इन कार्यों का उपयोग करके एक बाहरी केंद्रीय वैश्विक स्टोर बना सकते हैं।

बाकी सब आसान है। इस वैश्विक स्टोर स्थिति परिवर्तनों की सदस्यता लेने के लिए पब-उप जैसे सिंकिंग तंत्र को लागू करें ।

useGState एक शैक्षिक पैकेज है जो डेवलपर्स को प्रतिक्रिया को गहराई से समझने में सक्षम बनाता है।

यदि आपको यह जानकारी मददगार लगे तो इस तरह की और सामग्री के लिए लिंक्डइन पर मेरे साथ जुड़ें।