Front End के लिए React Js को क्यों चुनें?

By author image icon आशुतोष कुमार

दिनांक : October 13, 2021
Front End के लिए React js को क्यों चुनें

हेल्लो दोस्तो, मैं आशुतोष कुमार आज मैं इस पोस्ट के अंदर बतलाने वाला हूँ कि की आपको अपने वेब प्रोजेक्ट के लिए React को क्यों चुनना चाहिए? मैं इस पोस्ट में अपने अनुभव के आधार पर बताऊंगा कि React js के उपयोग करने के क्या-क्या फायदे है?

React एक जावास्क्रिप्ट की library है जिसका उपयोग वेब पेज के अंदर User interface बनाने के लिए Front End रूप में होता है। समान्यतः React JS से Single Page Application (SPA) बनाने के लिए उपयोग होता है अन्य Web Apps भी बनाये जाते है। React से बने कुछ वेबसाइट निम्न है।

  1. facebook
  2. flipboard
  3. imgur
  4. instagram
  5. paypal

React जैसे और भी दो फ्रेमवर्क हैं जो के front end में यूजर interface बनाने में काम आते है - Vue js और Angular js
ये दोनों framework काफी popular हैं। दोनों ही Two Way data binding को सपोर्ट करता है। react में जावास्क्रिप्ट के मदद से two way data binding भी कर कसते है।

React Js की उपयोगी विशेषता

Virtual DOM
React js यूजर इंटरफ़ेस (UI) बनाने के Virtual DOM टेक्निक का उपयोग करता है। जो कि आपके वेब एप्लीकेशन को Fast, Responsive और Highly Reactive बनाता है। React मात्र उसी DOM Node को update या re-render करता है। जिसके डेटा में बदलाब आते है। अन्य Node को पहले जैसा ही Render रहने देता है। जिससे Web Application बेहतर काम करता है।
Data Binding
जितने भी Front End फ्रेमवर्क है। अक्सर सभी Data Binding की Feature देता है। React में भी आप अपनी डेटा को जावास्क्रिप्ट वेरिएबल के मदद से Bind कर सकते है।
J S X
JSX की मदद से React में काम करना और भी आसान हो जाता है। jsx के मदद से लिखे Codes को आसानी से समझा जा सकता है।
With JSX
 var world = <h1> Hello React </h1>;

ReactDOM.render( <world />, document.getElementById("root"));
Without JSX
var world = React.createElement("h1", null, "Hello React");

ReactDOM.render( world , document.getElementById("root"));

उपरोक्त उदाहरण without jsx और भी समझने में complicated हो जाता है अगर अपन child node/element को भी जोड़ने के कोशिश करते है।

FAQ - Frequently Asked Questions

Regular DOM क्या होता है?

Regular DOM आपके HTML वेबसाइट के Statically typed HTMLElement के बने होते है। उदाहरण के तौर पर, React वर्चुअल डॉम का इस्तेमाल करता है। जो कि InMemory में html एलिमेंट से बने DOM Hirechay होती है। वर्चुअल डोम ब्राउज़र के जावास्क्रिप्ट के उपयोग से बनता है।

क्या React के वेब प्रोजेक्ट में JSX (JavaScript XML) का उपयोग करना अनिवार्य हैं?

नहीं, रियेक्ट के वेब प्रोजेक्ट में jsx का उपयोग करना जरूरी नहीं हैं।

jsx वैकल्पिक तौर पर React के Web application को fast devlopment के लिए यूज़ कर सकते है।


No comments:

Post a Comment

आप कैसे हों?