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

---

• शेयर करें :