React JS क्या है और क्यों इस्तेमाल होता है ?

क्या अपने React Js के बारे में सुना है? आपका हिंदी topia के इस पोस्ट में स्वागत है और आज में आपको React JS के बारे में पूरी जानकारी देने वाला हूँ और आपको बताऊंगा, React Js क्या है ? React Js का क्यों इस्तेमाल किया जाता है ? और बहुत कुछ |चलिए इस पोस्ट को शुरू करते है|

React Js , web development के field का सबसे लोकप्रिय एवं प्रसिद्ध library है | इसका इस्तेमाल बहुत ही बड़ी बड़ी कंपनियों द्वारा किया जाता है , जैसे की Netflix, Instagram, Airbnb इत्यादि |

React Js बहुत सारी खूबियों के साथ आता है , इसीलिए उसे बाकियों के मुकाबले,  जैसे की कुछ framework , AngularJS इत्यादि से ज्यादा इस्तेमाल किया जाता है |

React JS क्या है

Note: React JS एक JavaScript library है, न की कोई framework

React js एक javascript library है जिसे की तेज़ और interactive UI वाले web applications और mobile apps के लिए बनाया गया था| चलिए अब react js के बारे में पूरी जानकारी जानते है |

React JS क्या है ? What is React Js in Hindi ?

React JS एक open source , front-end javascript library है , जिससे UI इंटरफ़ेस बनाए जाते है|

यह एक declarative, efficient, और flexible Javascript library है जिसके इस्तेमाल से reusable UI components बनाए जाते है|

जैसे की मैंने पहले बताया यह एक open source , component based frontend library है जिसके इस्तेमाल से application का view layer बनाया जाता है|

इसे Facebook द्वारा बनाया गया था और इसे facebook ही सम्भालता है और इसका इस्तेमाल facebook के अन्य products बनाने में भी किया जाता है जैसे की instagram और whatsapp.

React js के इस्तेमाल से user interface छोटे छोटे components में बट जाता है जिसे संभालना बहुत से आसान होता है| 

चलिए अब हम ReactJs के इस्तेमाल के बारे में जानते है |

React JS क्यों इस्तेमाल किया जाता है? Use of React JS in Hindi

ReactJs का main काम है , ऐसे user interface बनाना जो जल्दी बने और app के speed को भी बढ़ाए | यह virtual DOM का इस्तेमाल करता है , जिसके वजह से इसके द्वारा बनाए गए app की performance बहुत अच्छी होती है | 

JavaScript virtual DOM , regular DOM के मुकाबले बहुत ही तेज़ होता है| 

चलिए React js के इस्तेमाल और इसे क्यूँ इस्तेमाल किया जाता यह जानते है |

  • ReactJs के इस्तेमाल complex application बहुत ही आसानी से और जल्दी develop हो जाते है |
  • ReactJs , virtual DOM का इस्तेमाल करता है जिसे वजह से application fast हो जाता है और उसका performance improve हो जाता है |
  • React Js के इस्तेमाल से reusable components बनाये जासकते है, जो समय बचाता है |
  • React JS को सीखना बहुत हे आसान होता है |
  • React के इस्तेमाल से web के साथ साथ मोबाइल app भी बनाए जा सकते है |
  • इसमें code को बहुत हे आसानी से debug किया जा सकता है |

React को किसने और कब बनाया ? – Brief history of React in Hindi

React JS को Facebook के एक software engineer जिनका नाम Jordan Walke है, उन्होंने बनाया था | ReactJS का सबसे पहला prototype जिसे रिलीज़ किया गया था उसका नाम “FaxJS” था | Jordan , PHP के HTML component library से प्रभावित होकर ReactJS का निर्माण किया था |

ReactJS को सबसे पहली बार इस्तेमाल २०११ में Facebook new feeds में किया गया था, और उसके बाद २०१२ में इसका इस्तेमाल Instagram में किया गया | मई २०१३ में ReactJs को open source बना दिया गया था |

Also Read:

React JS के features – Features of ReactJS in Hindi

सभी अन्य javascript के framework के बीच इस javascript के library , React JS को क्या लोकप्रियता मिलते आ रही है | इसने  front end development बहुत ही ज्यादा योगदान दिया है |

चलिए अब हम इसके features के बारे में जानते है जिसकी वजह से यह सबका लोकप्रिय बना :

  • JSX
  • Components
  • One-way Data Binding
  • Virtual DOM
  • Simplicity
  • Performance

JSX

JSX का full form होता है , Javascript XML. यह एक javascript system extension होता है |

इसके syntax HTML और XML जैसे होते है जिसका इस्तेमाल ReactJS करता है |

यह syntax , React framework के javascript calls में process होता है |

Component 

ReactJS के applications सिर्फ components के इस्तेमाल से ही चलते है , यहाँ हर एक कॉम्पोनेन्ट का अपना गुण होता है और ढेर सरे components से एक app बनता है |

One way data binding 

React Js को इस तरीके से बनाया गया है की वो एक unidirection data flow या one-day data binding को इस्तेमाल करता है | इस feature की मदद से app का control और भी अच्छा होता है |

Virtual DOM 

Virtual DOM object, असली(original) DOM object को represent करता है| जब भी UI को modify किया जाता है तो , पुरे UI को virtual DOM representation में re-render किया जाता है|

यह फिर पुराने DOM और नए में अंतर पता करता है , एक बार जब यह हो जाता है तो फिर असली DOM में सब ही change update किए जाते है |

Simplicity

ReactJS, JSX file का इस्तेमाल करता है जो की application के इस्तेमाल और coding को आसान बनाता है | इसको सीखना आसान होता है और इसका reusable feature इसे code करना आसान भी बनाता है |

Performance

React JS बहुत ज्यादा अच्छा मन जाता है अपनी performance को लेकर | इस javascript library बाकी सभी frameworks से ज्यादा अच्छा बनता है इसका यह feature , जिसे virtual DOM की वजह से हासिल किया जाता है |

ReactJS code example 

<div id="myReactApp"></div>
<script type="text/babel">
  function Greeter(props) {
    return <h1>{props.greeting}</h1>
  }
  var App = <Greeter greeting="Hello World!" />;
  ReactDOM.render(App, document.getElementById('myReactApp'));
</script>

Reactjs में लिखा गया code कुछ इस प्रकार दीखता है |

Conclusion 

तो दोस्त आज की पोस्ट में अपने जाना की ReactJS क्या होता है और इसका इस्तेमाल क्यों होता है , आपने यह भी जाना की ReactJS किस तरह काम करता है | अपने यह भी जाना की React JS को बाकी javascript framework के मुकाबले ज्यादा पसंद किया जाता है |

मैं आशा करता हूँ की मेरे बताए गये पोस्ट से आपको React JS की पूरी जानकारी हो गई होगी |

अगर आपको React JS के बारे में कुछ और जानना हो या बताना हो तो हमे बे झिझक comments करे, हमे आपकी सहायता कर और आपसे कुछ नया सीख बेहद ख़ुशी होगी |

मैं मिलता हूँ आपसे एक नये पोस्ट के साथ जो बनाएगा आपके coding Journey को और भी आसान तब तक के लिए जहाँ भी रहे कुछ नया सीखते रहे और coding करते रहे |

ज्ञान की उचाईयों को पाए !!

हिंदी Topia 

Leave a Comment

Your email address will not be published. Required fields are marked *

error: Content is protected !!