हेल्लो दोस्तो, मैं आशुतोष कुमार आज मैं इस पोस्ट के अंदर बतलाने वाला हूँ कि की आपको अपने वेब प्रोजेक्ट के लिए React को क्यों चुनना चाहिए? मैं इस पोस्ट में अपने अनुभव के आधार पर बताऊंगा कि React js के उपयोग करने के क्या-क्या फायदे है?
React एक जावास्क्रिप्ट की library है जिसका उपयोग वेब पेज के अंदर User interface बनाने के लिए Front End रूप में होता है। समान्यतः React JS से Single Page Application (SPA) बनाने के लिए उपयोग होता है अन्य Web Apps भी बनाये जाते है। React से बने कुछ वेबसाइट निम्न है।
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 क्या होता है?
क्या React के वेब प्रोजेक्ट में JSX (JavaScript XML) का उपयोग करना अनिवार्य हैं?
jsx वैकल्पिक तौर पर React के Web application को fast devlopment के लिए यूज़ कर सकते है।
No comments:
Post a Comment