React JS Kya Hai?|React JS Tutorial In Hindi : – Hello Friends ! हर साल एक नई टेक्नोलॉजी आ जाती है , और हमको उस टेक्नोलॉजी के हिसाब से चलना पड़ता है। नई टेक्नोलॉजी का एक ये भी फायदा होता है ये हमारे काम को पहले के मुकाबले और भी आसान कर देती है। अगर और वेब टेक्नोलॉजी के बारे करे तो इसमें भी काफी नई टेक्नोलॉजी देखने को मिल रही है।
वेब टेक्नोलॉजी में jQuery की जगह धीरे धीरे अब React ने ले ली है। अगर आपको ये नहीं पता है की jQuery क्या है तो आप हमारे इस Article को Read करके जान सकते है jQuery क्या है? आज इस आर्टिकल में हम आपको बताने वाले है ,की React क्या है और इसे कैसे सीखें?
क्या अपने React Js के बारे में पहले कभी सुना है? आज हम आपको इस Article में React JS के बारे में पूरी जानकारी देंगे और आपको बताएँगे , React Js Kya Hai ? React Js का Use क्यों किया जाता है ?
React JS क्या है?
जिस तरह Web Development के लिए jQuery का Use किया जाता है ,ठीक उसी तरह User Interface Build करने के लिए React Js का Use किया जाता है। इसकी Help से एक Single Page Web Application भी Create किया जा सकता है।
Web Development के Field में React JS बहुत Popular library है। इसका Use Mainly बहुत बड़ी बड़ी Companies करती है जैसे की की Netflix, Instagram, Airbnb. React Js बहुत सारे अच्छे Features के साथ आया है , जैसे की Framework , AngularJS.
React js एक javascript library है जिसको interactive UI वाले web applications और mobile apps Build करने के लिए बनाया गया था। React JS एक Open Source front-end javascript library है , जिससे UI इंटरफ़ेस Build किये जाते है।
इसके Use से Reusable UI Components Build किये जाते है क्योंकि ये एक एक Declarative, Efficient, और Flexible Javascript library है। React js को Use करने से User Interface छोटे छोटे Components में बट जाते है जिनको संभालना बहुत आसान हो जाता है।
Basic Example of React js
<div id="myReactApp"></div>
<script type="text/babel">
class Greeter extends React.Component {
render() {
return <h1>{this.props.greeting}</h1>
}
} ReactDOM.render(<Greeter greeting="Hello World!" />, document.getElementById('myReactApp'));
</script>React JS ka Use क्यों किया जाता है? Use of React JS in Hindi
ReactJs का Main काम ये होता है ,की ऐसे User Interface करना जो जल्दी बन सके और app के Speed को बढ़ा दे। चलिए अब जानते है की React js के Uses और देखते है की इसे क्यूँ Use किया जाता है।
- React JS की सबसे अच्छी बात ये है की इसको आसानी से सीखा जा सकता है।
- इसके Code को बहुत Easily Debug किया जा सकता है।
- इसको Use करके Web App के साथ साथ Mobile App भी Build किये जा सकते है।
- ये बहुत ज्यादा Time Save करता है ,क्योंकि इससे reusable components बनाये जा सकते है।
- ReactJs को Use करके complex application भी बहुत Easily और जल्दी develop की जा सकती है।
React JS के features – Features of ReactJS in Hindi
चलिए अब हम इसके कुछ features के बारे में भी जान लेते है। जिसकी वजह से ये इतना Popular बना चुका है।
- JSX
- Components
- One-way Data Binding
- Virtual DOM
- Simplicity
- Performance
JSX
JSX का full form Javascript XML है। ये एक javascript system extension है। HTML और XML इसके syntax होते है , जिसका Use ReactJS में होता है।
Component
इसकी Applications सिर्फ Components को Use करने के बाद ही काम करती है। और हर एक Components के अपने Features होते है। इन सभी Components से मिलकर एक App Build होता है।
One way data binding
इस feature से App को Control करने में और Help मिलती है क्योंकि ये एक Unidirection Data Flow या one-day data Binding को Use करता है।
Virtual DOM
Virtual DOM object का काम (original) DOM object को Represent करना। किसी भी UI को जब Modify किया जाता है तो , उस पुरे UI को Virtual DOM Representation में re-render करते है। फिर पुराने DOM और नए में Difference देखता है , उसके बाद फिर Real DOM में सारे Changes को Update किया जाता है।
Simplicity
ReactJS, को सीखना बहुत ही आसान है , इसमें JSX file का Use किया जाता है जो की Application और Coding दोनों के Use बहुत आसान बना देता है। इसके Reusable Feature Code को और Easy बना देते है।
Performance
इसकी Performance को देख कर React JS को बहुत ही अच्छा माना जा रहा है। इसके सभी Features javascript library इस और बाकी सभी Frameworks से भी अच्छा काम कर रहे है।
React JS कैसे सीखें?
अगर आपको Javascript अच्छे से आती है तो , आप React JS को सिर्फ एक या दो दिन में Easily सिख सकते है। इसके लिए बस आपका javascript का ES6 Concept थोड़ा Clear होना चाहिए।
- React ES6
- Render HTML
- JSX
- Components
- Props
- State
- LifeCycle
- Forms
- Events
- CSS
- Sass
React Js को किसने और कब बनाया?
React JS को Facebook के Software Engineer Jordan Walke ने Develop किया है। ReactJS का “FaxJS” नाम का Prototype सबसे पहले रिलीज़ किया गया था। React JS को Develop करने का एक सबसे बड़ा Reason PHP के HTML Component Library के Performance है जिससे Jordan काफी Impress हुए और React JS को बनाया।
ReactJS को 2011 में Facebook new feeds में पहले बार Use किया गया था। उसके बाद 2012 में Instagram में इसका Use किया गया। React JS को May 2013 में एक Open Source बना दिया।
Conclusion
इस Tutorial में, हमने आपको बताया है React JS क्या है? कैसे काम करती है इसके क्या Features है जिसकी वजह से इतनी Popular हो गयी है। उम्मीद है यह लेख आपके लिए Helpful रहा होगा । अगर आपको मन में React JS से Related किसी भी तरह के कोई भी Question है तो आप हमें नीचे Comment कर पूछ सकते है।
