मेरे सॉफ़्टवेयर इंजीनियरिंग बूटकैंप के चरण 2 में, हमने लाइब्रेरी/फ़्रेमवर्क React.JS सीखना शुरू किया। कई प्रयोगशालाओं के पूरा होने पर, और व्याख्यान में भाग लेने के बाद, मैंने सामान्य जावास्क्रिप्ट के बजाय रिएक्ट का उपयोग करने की मापनीयता पर ध्यान देना शुरू किया।

घोषणात्मक प्रोग्रामिंग

रिएक्ट में कोडिंग करते समय, आप घोषणात्मक रूप से प्रोग्रामिंग कर रहे होते हैं। इसका अर्थ है कि हम वर्णन कर रहे हैं कि एक कार्यक्रम को क्या पूरा करना चाहिए, और यह कैसे पूरा होता है यह कार्यक्रम द्वारा निर्धारित किया जाता है। सादे जावास्क्रिप्ट के संदर्भ में, आप अनिवार्य रूप से प्रोग्रामिंग कर रहे होंगे, जिसका अर्थ है कि हम स्पष्ट रूप से क्रियाएं देते हैं जो एक प्रोग्राम को करनी चाहिए, और वर्णन करें कि प्रोग्राम को उन कार्यों का उपयोग कैसे करना चाहिए।

const header = document.createElement('h1');
header.textContent = "Hello World!";
header.className = "main";

const container = document.querySelector('#container')
container.append(header)

// JSX syntax
const header = <h1 className="main">Hello from React!</h1>;

ReactDOM.render(header, document.querySelector("#container"));

अवयव

प्रतिक्रिया घटकों का उपयोग करके हमारे अनुप्रयोगों को संरचित करके काम करती है। घटक हमारे वेब पेज के अनुभाग हैं जो उन्हें अपने स्वयं के डेटा और स्टाइल को संभालने और प्राप्त करने की अनुमति देते हैं। घटकों का उपयोग अनुप्रयोगों को अत्यधिक पुन: प्रयोज्य और स्केलेबल होने की अनुमति देता है, सभी समान कार्यक्षमता रखते हुए।

निष्कर्ष

एक समानता जो मैंने कक्षा से सीखी वह यह है कि रिएक्ट सीखना एक कार के काम करने के तरीके को सीखने जैसा है। कारों के कई हिस्से होते हैं जो एक कार्यात्मक वाहन बनाने के लिए मूलभूत हैं। यह जानना उपयोगी हो सकता है कि इंजन, ट्रांसमिशन और सस्पेंशन सिस्टम कैसे काम करता है, लेकिन यह समझना अधिक आवश्यक हो सकता है कि पैडल का सही तरीके से उपयोग कैसे किया जाए, व्हील को स्टीयरिंग और गियर को कैसे बदला जाए।