2019 में सर्वश्रेष्ठ 50 रिएक्ट साक्षात्कार प्रश्न और उत्तर
यदि आप एक महत्वाकांक्षी फ्रंट एंड डेवलपर हैं और साक्षात्कार की तैयारी कर रहे हैं, तो यह लेख आपके लिए है। बेस्ट 50 रिएक्ट इंटरव्यू प्रश्न आपके लिए एक रिएक्ट इंटरव्यू को क्लियर करने के लिए आवश्यक सभी अवधारणाओं को सीखने के लिए सही गाइड है।
लेकिन शुरू करने से पहले प्रतिक्रिया साक्षात्कार प्रश्न , आइए रिएक्ट की बाजार में मांग और स्थिति पर एक नज़र डालते हैं।
आज तक, Github पर लगभग 1,000 योगदानकर्ता हैं। वर्चुअल डोम और पुन: प्रयोज्य घटकों जैसी अनूठी विशेषताएं फ्रंट एंड डेवलपर्स का ध्यान आकर्षित करती हैं। एमवीसी (मॉडल-व्यू-कंट्रोलर) में 'व्यू' के लिए सिर्फ एक पुस्तकालय होने के बावजूद, यह कोणीय, उल्का, व्यू इत्यादि जैसे पूर्ण विकसित ढांचे को मजबूत प्रतिस्पर्धा दे रहा है। belo2w ग्राफ देखें जो लोकप्रिय जेएस ढांचे की प्रवृत्ति को दर्शाता है :
www.netflix.com/active my device
प्रतिक्रिया साक्षात्कार प्रश्न
तो, यहाँ हैं शीर्ष ५० प्रतिक्रिया साक्षात्कार प्रश्न और उत्तर जो साक्षात्कारकर्ता द्वारा पूछे जाने की सबसे अधिक संभावना है। आपकी पहुँच में आसानी के लिए, मैंने रिएक्ट साक्षात्कार के प्रश्नों को वर्गीकृत किया है:
सामान्य प्रतिक्रिया प्रतिक्रिया घटक रिएक्ट रिडक्स प्रतिक्रिया राउटर ## सामान्य प्रतिक्रिया - प्रतिक्रिया साक्षात्कार प्रश्न
1. रियल डोम और वर्चुअल डोम के बीच अंतर करें।
2. प्रतिक्रिया क्या है?
रिएक्ट 2011 में फेसबुक द्वारा विकसित एक फ्रंट-एंड जावास्क्रिप्ट लाइब्रेरी है। यह घटक आधारित दृष्टिकोण का अनुसरण करता है जो पुन: प्रयोज्य यूआई घटकों के निर्माण में मदद करता है। इसका उपयोग जटिल और इंटरैक्टिव वेब और मोबाइल UI विकसित करने के लिए किया जाता है। भले ही इसे केवल 2015 में ओपन-सोर्स किया गया था, लेकिन इसका समर्थन करने वाले सबसे बड़े समुदायों में से एक है।### 3. रिएक्ट की विशेषताएं क्या हैं?
रिएक्ट की प्रमुख विशेषताएं नीचे सूचीबद्ध हैं:
यह का उपयोग करता है आभासी डोम वास्तविक के बजाय डोम। आईटी उपयोग सर्वर-साइड प्रतिपादन ।का अनुसरण करना एक-दिशात्मक डेटा प्रवाह या डेटा बाइंडिंग.### 4. रिएक्ट के कुछ प्रमुख लाभों की सूची बनाएं।
रिएक्ट के कुछ प्रमुख लाभ हैं:
यह एप्लिकेशन के प्रदर्शन को बढ़ाता हैइसे क्लाइंट के साथ-साथ सर्वर साइड पर भी आसानी से इस्तेमाल किया जा सकता है क्योंकि JSX के कारण, कोड की पठनीयता बढ़ जाती है, रिएक्ट को अन्य फ्रेमवर्क जैसे उल्का, कोणीय, आदि के साथ एकीकृत करना आसान है, रिएक्ट का उपयोग करके, UI टेस्ट केस लिखना बेहद आसान हो जाता है### 5. रिएक्ट की सीमाएँ क्या हैं?
प्रतिक्रिया की सीमाएं नीचे सूचीबद्ध हैं:
प्रतिक्रिया सिर्फ एक पुस्तकालय है, एक पूर्ण विकसित ढांचा नहीं हैइसकी पुस्तकालय बहुत बड़ी है और इसे समझने में समय लगता है नौसिखिए प्रोग्रामर के लिए यह समझना थोड़ा मुश्किल हो सकता है कोडिंग जटिल हो जाती है क्योंकि यह इनलाइन टेम्पलेटिंग और JSX ### का उपयोग करता है। 6. जेएसएक्स क्या है?
JSX जावास्क्रिप्ट XML का शॉर्टहैंड है। यह एक प्रकार की फाइल है जिसका उपयोग रिएक्ट द्वारा किया जाता है जो HTML के साथ-साथ टेम्प्लेट सिंटैक्स की तरह जावास्क्रिप्ट की अभिव्यक्ति का उपयोग करता है। यह HTML फ़ाइल को समझने में वास्तव में आसान बनाता है। यह फ़ाइल अनुप्रयोगों को मजबूत बनाती है और इसके प्रदर्शन को बढ़ाती है। नीचे JSX का एक उदाहरण है:
render(){ return( ); } } //ParentComponent.jsx import ChildComponent from './childcomponent.js'; class ParentComponent extends React.Component { render() { return( ); } } 28. कैसे प्रतिक्रिया में प्रपत्र बनाए गए हैं?
प्रतिक्रिया प्रपत्र HTML रूपों के समान हैं। लेकिन रिएक्ट में, राज्य घटक की राज्य संपत्ति में निहित है और केवल सेटस्टेट () के माध्यम से अपडेट किया जाता है। इस प्रकार तत्व सीधे अपने राज्य को अपडेट नहीं कर सकते हैं और उनके सबमिशन को जावास्क्रिप्ट फ़ंक्शन द्वारा नियंत्रित किया जाता है। इस फ़ंक्शन के पास उस डेटा तक पूर्ण पहुंच है जो उपयोगकर्ता द्वारा प्रपत्र में दर्ज किया गया है।
handleSubmit(event) { alert('A name was submitted: ' + this.state.value); event.preventDefault(); } render() { return ( Name: ); } 29. आप नियंत्रित और अनियंत्रित घटकों के बारे में क्या जानते हैं?
30. हायर ऑर्डर कंपोनेंट्स (HOC) क्या हैं?
हायर ऑर्डर कंपोनेंट कंपोनेंट लॉजिक का पुन: उपयोग करने का एक उन्नत तरीका है। मूल रूप से, यह एक पैटर्न है जो रिएक्ट की संरचना प्रकृति से लिया गया है। एचओसी कस्टम घटक हैं जो इसके भीतर एक और घटक लपेटते हैं। वे किसी भी गतिशील रूप से प्रदान किए गए चाइल्ड कंपोनेंट को स्वीकार कर सकते हैं लेकिन वे अपने इनपुट कंपोनेंट्स से किसी भी व्यवहार को संशोधित या कॉपी नहीं करेंगे। आप कह सकते हैं कि एचओसी 'शुद्ध' घटक हैं।
31. आप एचओसी के साथ क्या कर सकते हैं?
HOC का उपयोग कई कार्यों के लिए किया जा सकता है जैसे:
कोड का पुन: उपयोग, तर्क और बूटस्ट्रैप एब्स्ट्रैक्शनरेंडर हाई जैकिंगस्टेट एब्स्ट्रैक्शन और मैनिपुलेशनप्रॉप्स हेरफेर### 32. शुद्ध घटक क्या हैं?
*शुद्ध *घटक सबसे सरल और सबसे तेज़ घटक हैं जिन्हें लिखा जा सकता है। वे किसी भी घटक को प्रतिस्थापित कर सकते हैं जिसमें केवल **रेंडर() होता है। **ये घटक कोड की सरलता और एप्लिकेशन के प्रदर्शन को बढ़ाते हैं।
33. रिएक्ट में चाबियों का क्या महत्व है?
कुंजी का उपयोग अद्वितीय वर्चुअल DOM तत्वों की पहचान करने के लिए किया जाता है, जिसमें उनके संबंधित डेटा UI को संचालित करते हैं। वे DOM में सभी मौजूदा तत्वों को रिसाइकिल करके रिएक्ट को रेंडरिंग को ऑप्टिमाइज़ करने में मदद करते हैं। ये कुंजियाँ एक अद्वितीय संख्या या स्ट्रिंग होनी चाहिए, जिसके उपयोग से रिएक्ट केवल तत्वों को फिर से प्रस्तुत करने के बजाय उन्हें पुन: व्यवस्थित करता है। इससे एप्लिकेशन के प्रदर्शन में वृद्धि होती है।
आकांक्षी दिमाग अमेज़न सवाल
रिएक्ट रिडक्स - रिएक्ट इंटरव्यू प्रश्न
34. एमवीसी ढांचे के साथ प्रमुख समस्याएं क्या थीं?
एमवीसी ढांचे के साथ कुछ प्रमुख समस्याएं निम्नलिखित हैं:
डोम हेरफेर बहुत महंगा थाअनुप्रयोग धीमे और अक्षम थेमेमोरी की भारी बर्बादी थी, सर्कुलर निर्भरता के कारण, मॉडल और विचारों के आसपास एक जटिल मॉडल बनाया गया था### 35. फ्लक्स की व्याख्या करें।
फ्लक्स एक आर्किटेक्चरल पैटर्न है जो यूनि-डायरेक्शनल डेटा फ्लो को लागू करता है। यह व्युत्पन्न डेटा को नियंत्रित करता है और एक केंद्रीय स्टोर का उपयोग करके कई घटकों के बीच संचार को सक्षम बनाता है जिसमें सभी डेटा का अधिकार होता है। पूरे एप्लिकेशन में डेटा में कोई भी अपडेट केवल यहीं होना चाहिए। फ्लक्स एप्लिकेशन को स्थिरता प्रदान करता है और रन-टाइम त्रुटियों को कम करता है। 
36. Redux क्या है?
Redux आज के बाज़ार में फ्रंट-एंड डेवलपमेंट के लिए सबसे हॉट लाइब्रेरी में से एक है। यह जावास्क्रिप्ट अनुप्रयोगों के लिए एक पूर्वानुमेय राज्य कंटेनर है और इसका उपयोग संपूर्ण अनुप्रयोगों के राज्य प्रबंधन के लिए किया जाता है। Redux के साथ विकसित किए गए एप्लिकेशन का परीक्षण करना आसान है और लगातार व्यवहार दिखाते हुए विभिन्न वातावरणों में चल सकते हैं।
37. Redux किन तीन सिद्धांतों का पालन करता है?
***सत्य का एकल स्रोत: *** पूरे एप्लिकेशन की स्थिति एक ही स्टोर के भीतर किसी ऑब्जेक्ट / स्टेट ट्री में संग्रहीत होती है। सिंगल स्टेट ट्री समय के साथ परिवर्तनों का ट्रैक रखना और एप्लिकेशन को डिबग या निरीक्षण करना आसान बनाता है। *** राज्य केवल पढ़ने के लिए है: *** राज्य को बदलने का एकमात्र तरीका कार्रवाई को ट्रिगर करना है। एक क्रिया एक सादा JS ऑब्जेक्ट है जो परिवर्तन का वर्णन करता है। जैसे राज्य डेटा का न्यूनतम प्रतिनिधित्व है, कार्रवाई उस डेटा में परिवर्तन का न्यूनतम प्रतिनिधित्व है। शुद्ध कार्यों के साथ परिवर्तन किए जाते हैं: यह निर्दिष्ट करने के लिए कि राज्य वृक्ष क्रियाओं द्वारा कैसे रूपांतरित होता है, आपको शुद्ध कार्यों की आवश्यकता होती है। शुद्ध कार्य वे हैं जिनका रिटर्न वैल्यू पूरी तरह से उनके तर्कों के मूल्यों पर निर्भर करता है। 
### 38. सत्य के एकल स्रोत से आप क्या समझते हैं?
Redux एप्लिकेशन के पूरे राज्य को एक स्थान पर संग्रहीत करने के लिए 'स्टोर' का उपयोग करता है। इसलिए सभी कंपोनेंट की स्थिति स्टोर में स्टोर हो जाती है और उन्हें स्टोर से ही अपडेट मिलते हैं। सिंगल स्टेट ट्री समय के साथ परिवर्तनों का ट्रैक रखना और एप्लिकेशन को डिबग या निरीक्षण करना आसान बनाता है।
39. Redux के घटकों की सूची बनाएं।
Redux निम्नलिखित घटकों से बना है:
कार्य - यह एक वस्तु है जो वर्णन करती है कि क्या हुआ। **Reducer **- यह निर्धारित करने का स्थान है कि राज्य कैसे बदलेगा। दुकान - पूरे एप्लिकेशन का स्टेट/ऑब्जेक्ट ट्री स्टोर में सेव हो जाता है। राय - बस स्टोर द्वारा प्रदान किए गए डेटा को प्रदर्शित करता है।
40. दिखाएं कि डेटा रेडक्स के माध्यम से कैसे बहता है?
41. Redux में क्रियाओं को कैसे परिभाषित किया जाता है?
रिएक्ट में क्रियाओं में एक प्रकार की संपत्ति होनी चाहिए जो इंगित करती है कि किस प्रकार की कार्रवाई की जा रही है। उन्हें एक स्ट्रिंग स्थिरांक के रूप में परिभाषित किया जाना चाहिए और आप इसमें और गुण भी जोड़ सकते हैं। Redux में, एक्शन क्रिएटर्स नामक फंक्शन का उपयोग करके क्रियाएं बनाई जाती हैं। एक्शन और एक्शन क्रिएटर का एक उदाहरण नीचे दिया गया है:
function addTodo(text) { return { type: ADD_TODO, text } } 42. रेड्यूसर की भूमिका स्पष्ट कीजिए।
रेड्यूसर शुद्ध कार्य हैं जो निर्दिष्ट करते हैं कि किसी क्रिया के जवाब में एप्लिकेशन की स्थिति कैसे बदलती है। रेड्यूसर पिछली स्थिति और क्रिया को लेकर काम करते हैं, और फिर यह एक नया राज्य लौटाता है। यह निर्धारित करता है कि कार्रवाई के प्रकार के आधार पर किस प्रकार का अद्यतन करने की आवश्यकता है, और फिर नए मान लौटाता है। यदि कोई काम करने की आवश्यकता नहीं है, तो यह पिछली स्थिति को वैसे ही लौटा देता है जैसे वह है।
43. Redux में Store का क्या महत्व है?
एक स्टोर एक जावास्क्रिप्ट ऑब्जेक्ट है जो एप्लिकेशन की स्थिति को पकड़ सकता है और राज्य तक पहुंचने, कार्रवाई भेजने और श्रोताओं को पंजीकृत करने के लिए कुछ सहायक तरीके प्रदान करता है। किसी एप्लिकेशन का संपूर्ण राज्य/ऑब्जेक्ट ट्री एक ही स्टोर में सहेजा जाता है। इसके परिणामस्वरूप, Redux बहुत ही सरल और पूर्वानुमेय है। हम डेटा के प्रसंस्करण के साथ-साथ स्टोर की स्थिति को बदलने वाली विभिन्न क्रियाओं का लॉग रखने के लिए स्टोर में मिडलवेयर पास कर सकते हैं। सभी क्रियाएं रेड्यूसर के माध्यम से एक नया राज्य लौटाती हैं।
क्रोम फोंट गड़बड़
44. Redux, Flux से किस प्रकार भिन्न है?
45. रेडक्स के क्या फायदे हैं?
Redux के लाभ नीचे सूचीबद्ध हैं:
**परिणाम की भविष्यवाणी - **चूंकि सत्य का हमेशा एक स्रोत होता है, यानी स्टोर, वर्तमान स्थिति को क्रियाओं और एप्लिकेशन के अन्य हिस्सों के साथ कैसे सिंक किया जाए, इस बारे में कोई भ्रम नहीं है। ** रखरखाव - ** कोड बन जाता है एक अनुमानित परिणाम और सख्त संरचना के साथ बनाए रखना आसान है। सर्वर-साइड रेंडरिंग - आपको सर्वर पर बनाए गए स्टोर को क्लाइंट साइड में पास करने की आवश्यकता है। यह प्रारंभिक रेंडर के लिए बहुत उपयोगी है और बेहतर उपयोगकर्ता अनुभव प्रदान करता है क्योंकि यह एप्लिकेशन के प्रदर्शन को अनुकूलित करता है। **डेवलपर टूल - **क्रियाओं से लेकर राज्य परिवर्तनों तक, डेवलपर्स वास्तविक समय में एप्लिकेशन में होने वाली हर चीज को ट्रैक कर सकते हैं।**समुदाय और पारिस्थितिकी तंत्र - **Redux के पीछे एक विशाल समुदाय है जो इसे उपयोग करने के लिए और भी अधिक आकर्षक बनाता है। प्रतिभाशाली व्यक्तियों का एक बड़ा समुदाय पुस्तकालय की बेहतरी में योगदान देता है और इसके साथ विभिन्न अनुप्रयोग विकसित करता है। ** परीक्षण में आसानी - ** Redux का कोड ज्यादातर छोटे, शुद्ध और अलग-अलग कार्य हैं। यह कोड को परीक्षण योग्य और स्वतंत्र बनाता है।**संगठन - **Redux इस बारे में सटीक है कि कोड को कैसे व्यवस्थित किया जाना चाहिए, यह कोड को अधिक सुसंगत और आसान बनाता है जब कोई टीम इसके साथ काम करती है।## रिएक्ट राउटर - रिएक्ट इंटरव्यू प्रश्न
46. रिएक्ट राउटर क्या है?
रिएक्ट राउटर एक शक्तिशाली रूटिंग लाइब्रेरी है जिसे रिएक्ट के ऊपर बनाया गया है, जो एप्लिकेशन में नई स्क्रीन और प्रवाह जोड़ने में मदद करता है। यह URL को वेब पेज पर प्रदर्शित होने वाले डेटा के साथ समन्वयित रखता है। यह एक मानकीकृत संरचना और व्यवहार को बनाए रखता है और इसका उपयोग एकल पृष्ठ वेब अनुप्रयोगों के विकास के लिए किया जाता है। रिएक्ट राउटर में एक साधारण एपीआई है।
47. क्यों रिएक्ट राउटर v4 में स्विच कीवर्ड का उपयोग किया जाता है?
हालांकि ए
राउटर के अंदर कई मार्गों को इनकैप्सुलेट करने के लिए उपयोग किया जाता है। 'स्विच' कीवर्ड का उपयोग तब किया जाता है जब आप कई परिभाषित मार्गों के बीच केवल एक ही मार्ग प्रदर्शित करना चाहते हैं। NS **#reactjs #प्रतिक्रिया-मूल #जावास्क्रिप्ट #वेब-विकास