React JS प्रतियोगिता साक्षात्कार प्रश्न और उत्तर
React JS एक लोकप्रिय और प्रसिद्ध फ्रंट-एंड जावास्क्रिप्ट लाइब्रेरी है जिसका उपयोग वेब डेवलपमेंट में किया जाता है। यहाँ हम आपको 08 सबसे सामान्य साक्षात्कार प्रश्नों के बारे में बता रहे हैं जो React JS साक्षात्कार में पूछे जा सकते हैं और उनके उत्तर।
- क्या है React और इसके क्या फायदे हैं?
- JSX क्या है और इसका उपयोग क्यों किया जाता है?
- Virtual DOM क्या है और इसे कैसे काम करता है?
- क्या है Components in React?
- रियैक्ट में State और Props क्या हैं?
- रियैक्ट में Lifecycle Methods क्या होते हैं?
- क्या होता है Higher Order Components (HOC) और इसका उपयोग क्यों किया जाता है?
- रियैक्ट में Controlled Components क्या होती हैं और इसका उपयोग क्यों किया जाता है?
React एक ओपन-सोर्स जावास्क्रिप्ट लाइब्रेरी है जो वेब डेवलपमेंट के लिए उपयोग किया जाता है। इसके मुख्य फायदे शामिल हैं – एक सिंगल पेज एप्लिकेशन बनाने के लिए इसका उपयोग, उच्च स्पीड और परफॉर्मेंस, आसान रूप से विकास करने का जिम्मा और दूसरे लाइब्रेरी और टूल्स के साथ अनुकूलित होना।
JSX एक जावास्क्रिप्ट एक्सटेंशन है जो जावास्क्रिप्ट को वैब एप्लिकेशन में XML जैसा स्थापित करता है। यह React कंपोनेंट्स के लिए व्यावसायिक संरचना और उत्कृष्टता प्रदान करता है।
Virtual DOM वास्तविक DOM की एक प्रतिष्ठित प्रतिलिपि है जो ब्राउज़र में प्रदर्शन के लिए उपयोग किया जाता है। यह React के प्रदर्शन को बेहतर बनाने के लिए उपयोगी है।
Components रियैक्ट की आवश्यकता है जो वेब एप्लिकेशन में UI बनाने के लिए उपयोग की जाती है। यह एक अलग-अलग कंपोनेंट्स से बना होता है और एक साथ मिलकर पूरी वेब एप्लिकेशन बनाते हैं।
State और Props दोनों ही रियैक्ट कंपोनेंट्स के डेटा मैनेजमेंट के लिए उपयोग की जाती है। State कंपोनेंट के बीच विशेष डेटा को संदर्भित करता है जबकि Props कंपोनेंट में परिवर्तनीय (चेंजेबल) डेटा को प्राप्त करते हैं।
रियैक्ट में Lifecycle Methods कंपोनेंट के विभिन्न स्टेजिस में निर्धारित करने के लिए उपयोग की जाती हैं। इन स्टेजिस में include – Mounting, Updating, and Unmounting।
HOC रियैक्ट कंपोनेंट में रिपीटेड कोड को रिउसेबल करने के लिए उपयोगी होता है और कंपोनेंट को एक दूसरे के साथ संबद्ध करने के लिए उपयोगी होता है।
Controlled Components इनपुट फील्डों का प्रबंधन करने के लिए उपयोग की जाती है और यह प्रत्येक इनपुट के लिए संदर्भित मॉडल कंपोनेंट्स में धारित होती है।
ये थे कुछ महत्वपूर्ण साक्षात्कार प्रश्न और उनके उत्तर जो React JS साक्षात्कार में पूछे जा सकते हैं। आप इन प्रश्नों की अधिक से अधिक अभ्यास करें ताकि आपको साक्षात्कार में सफलता प्राप्त करने में सहायता मिले।
Excellent tutorial
Next 8th question should be on select and option tag.
e.g.
We have options such as
Adahar card.
Pan card.
Rashion card.
Driving licence.
Viter card
and so on.
Whenever user selects any one of these the input element should be shown according to selected options.
Example if user selects adhar card then inside input element ahould be written adhar card . If user selects other option then their name should be shown inside input element. This is 8th question and interesting question.
Question 4.
More optimize without deckare totoalPrice variable we directly can write quantity * PER_CARD_PRICE inside tag like this.
<p>Total price = {quantity * PER_CARD_PRICE}<p>
whenever quantity changes component rerender and again it automatically calculate and shiw the right output..
Question 3.
Little bit more optimize by writing logic inside the onChange event like this.
onChange( (e)=> {…userData,[e.target.name] : e.target.value} )
Question number 2. According to me Best conditional rendering is.
We can use ternary operator inside single return statement.
Example..
return (
<div>
{
bolgid
? logic here if true.
: logic here if false.
}
</div>
)
best and crisp
Sir aap pura react ka tutorial aur uske projects la sakte ho aapka padhane ka tarika bohot acha hai
Thank you sir
tq bhai for helping i am beginner in react i have an interview gng to practise this well