أسئلة مقابلة React JS (2022)

بعد جولة مقابلة هاتفية ، سيتعين عليك مواجهة مقابلة مباشرة مع أسئلة نموذجية حول مؤهلاتك ومهاراتك. بصرف النظر عن الاستعدادات العامة للأسئلة المفتوحة ، يجب أن تعرف أيضًا كيفية الإجابة على الأسئلة الفنية.

حتى لو أجبت على الأسئلة بثقة وجاذبية ، يجب أن تكون دقيقًا أثناء الإجابة على الأسئلة الفنية. قمنا بتجميع بعض الأسئلة الفنية لتحضيرها قبل أن تحضر للمقابلة.

ضع في اعتبارك هذه أمثلة على نوع الأسئلة التي يمكن أن تتوقعها أثناء مقابلة React JS.

س 1) اشرح الفرق بين Real DOM و Virtual DOM؟

الإجابة: يتم تحديث Virtual DOM بشكل أسرع ، لكن لا يمكنها تحديث HTML مباشرةً. يمكنه تحديث JSX إذا تم تحديث العناصر. إنه خيار ممتاز إذا كنت لا تريد إضاعة الذاكرة ، كما أنه من السهل التلاعب به.

من ناحية أخرى ، تكون تحديثات Real DOM أبطأ ، لكن يمكنها تحديث HTML مباشرةً. ومع ذلك ، فهي ليست فعالة من حيث التكلفة لأن DOMs التي تم إنشاؤها من تحديثات العناصر باهظة الثمن للتلاعب بها. بالإضافة إلى ذلك ، يتطلب Real DOM أيضًا مساحة تخزين كبيرة.

س 2) كيف تصف "رد الفعل"؟

الإجابة: تم تطوير Reach بواسطة Facebook ، والذي يتبع نهجًا قائمًا على المكونات يساعد في تكوين مكونات واجهة مستخدم قابلة لإعادة الاستخدام. إنها مكتبة JavaScrip أمامية تستخدم لإنشاء واجهة مستخدم متنقلة وشبكة ويب تفاعلية. تم إطلاق React في عام 2015 ، وهي تحظى اليوم بدعم مجتمعي واسع النطاق.

س 3) هل يمكنك إخبارنا بالمزايا الرئيسية لاستخدام React؟

الإجابة: يزيد React من كفاءة أداء التطبيق ، بالإضافة إلى أنه يمكنك استخدامه على جانبي الخادم والعميل. الشفرات المكتوبة في React قابلة للقراءة بسبب JSX ، وتصبح كتابة اختبارات واجهة المستخدم خالية من المتاعب. يمكن للمرء دمج React مع أطر أخرى مثل Angular و Meteor بسهولة.

س 4) ما هي السمات الثلاث الرئيسية لـ React؟

الإجابة: تستخدم React DOM الظاهري بدلاً من DOM الحقيقي. يتبع ربط البيانات أو التدفق أحادي الاتجاه أثناء استخدام التقديم من جانب الخادم ،

س 5) هل تعتقد أن هناك أي قيود على React؟

الإجابة: نعم ، أعتقد أنه من الصعب على المبرمج ذي المستوى المبتدئ فهمه ، ويمكن أن يصبح الترميز صعبًا للغاية بسبب JSX والقوالب المضمنة. أيضًا ، نظرًا لكونها إطار عمل واسع النطاق ، فإنها تستغرق وقتًا للتعرف على React.

س 6) وصف VIrtual DOM وعمله.

الإجابة: Virtual DOM هي نسخة من DOM الحقيقي ، وهي عبارة عن كائن JavaScript خفيف الوزن. إنها شجرة عقدة تسرد جميع السمات والمحتويات والعناصر ككائنات مع خصائصها. تُنشئ وظيفة التصيير في React شجرة عُقَد من مكوناتها. عندما يقوم مستخدم أو نظام بتنفيذ إجراءات متعددة ، فإنه يستمر في تحديث الشجرة للاستجابة لطفرة نموذج البيانات.

يتبع عمل Virtual DOM ثلاث خطوات:

1. أولاً ، يتم تقديم واجهة المستخدم بالكامل في تمثيل Virtual DOM حتى في حالة وجود تغييرات طفيفة على البيانات.
2. هذا يخلق فرقًا بين تمثيل DOM الجديد والسابق ، والذي يتم حسابه.
3. يتم تحديث DOM الحقيقي فقط بالأشياء التي تم تغييرها بعد انتهاء العمليات الحسابية.

س 7) أخبرنا بما تعرفه عن JSX؟

الإجابة: JSX هو ملف تستخدمه React جنبًا إلى جنب مع بنية قالب تشبه HTML للاستفادة من تعبير جافا سكريبت. إنه اختصار لـ JavaScript SML يجعل أي ملف HTML سهل الفهم. يستخدم JSX لزيادة كفاءة وأداء التطبيقات.

س 8) اشرح الفرق بين React و Angular.

الإجابة: هناك بعض الاختلافات الرئيسية بين React و Angular ، مثل البنية حيث يحصل الأول فقط على عرض MVC بينما يحصل الأخير على عرض MVC الكامل. عندما يتعلق الأمر بالتصيير ، لدى Angular تصيير من جانب العميل ، و React تتماشى مع العرض من جانب الخادم. يستخدم React ربط بيانات أحادي الاتجاه DOM الظاهري ، بينما يستخدم Angular DOM الحقيقي مع ربط بيانات ثنائي الاتجاه. التصحيح في Angular هو تصحيح وقت التشغيل ، بينما يحتوي React على تصحيح وقت الترجمة. أخيرًا ، أنشأت Google Angular ، في حين أن الفضل في بناء React يعود إلى Facebook.

س 9) ماذا نعني بالدعامات؟

الإجابة: الدعائم هي مكونات للقراءة فقط يجب أن تبقى ثابتة أو نقية ، وهي اختصار لـ "خصائص في React". في التطبيق ، يتم إرسالها من الأصل إلى المكون الفرعي ، مما يساعد على الحفاظ على التدفق أحادي الاتجاه للبيانات. تساعد الدعائم أيضًا في عرض البيانات التي يتم إنشاؤها ديناميكيًا.

س 10) ما هي الحالات في React ، وكيف تستخدمها؟

الإجابة: الدول هي روح مكونات React ، ويجب تبسيطها لأنها مصدر البيانات. يمكن للمرء أن يقول أن الحالات هي كائنات تحدد سلوك المكونات وعرضها. يمكن إجراء التغييرات على الحالة لأنها قابلة للتغيير وفعالة في إنشاء مكونات تفاعلية وديناميكية.

س 11) ما هي الاختلافات الرئيسية بين الدول والدعائم؟

الإجابة: يمكن للمكوِّن الرئيسي في الخاصيات تغيير القيمة بينما لا يمكن أن يحدث في حالة. ومع ذلك ، هناك تغييرات داخل مكونات الدولة ، ولكن هذا ليس هو الحال مع الدعائم. على غرار المكون الرئيسي ، لا يحتوي المكون الفرعي أيضًا على أي تغييرات ، ولكن يمكن ملاحظتها في الخاصيات.

س 12) ما هي أوجه التشابه بين الدولة والدعائم؟

الإجابة: هناك ثلاثة أوجه تشابه بين الدولة والدعائم.

1. كلاهما يتلقى القيمة الأولية من المكون الرئيسي.
2. في كلتا الحالتين ، يمكنك تعيين القيم الافتراضية داخل المكونات.
3. في المكون الفرعي ، يمكنك تعيين القيمة الأولية بسهولة.

س 13) ما هي المكونات ذات الحالة؟

الإجابة: يتم تخزين تغيير الحالة في ذاكرة المكونات بواسطة مكون ذي حالة ، كما أن لديهم أيضًا سلطة تغيير الحالة والإدراك لجميع التغييرات الموجودة في الحالة. ترسل المكونات عديمة الحالة الدعائم بعد إخطارها بالتغيير المطلوب في الحالة.

س 14) ماذا نعني بالمكونات عديمة الجنسية؟

الإجابة: تُحسب الحالة الداخلية للمكونات من خلال المكونات عديمة الجنسية ، ولا تتمتع بسلطة تغيير الحالة. إنهم يفتقرون إلى معرفة تغييرات الدولة الحالية والماضية والمستقبلية. أخيرًا ، ترسل المكونات ذات الحالة الخاصة إليها الدعائم التي تتعامل معها كوظائف رد الاتصال.

س 15) صِف الأحداث التركيبية.

الإجابة: تُعرف الكائنات التي تعمل كغلاف متعدد المستعرضات حول الحدث الأصلي للمتصفح بالأحداث الاصطناعية. وتتمثل وظيفتها الرئيسية في إنشاء واجهة برمجة تطبيقات واحدة من خلال الجمع بين سلوك متصفحات متعددة. هذا يضمن خصائص متسقة في الأحداث عبر المتصفحات المختلفة.

س 16) ما هي المراجع ومتى تستعملها؟

الإجابة: المرجع يعني المراجع في React ، وهي سمة تخزن مرجعًا لمكوِّن أو عنصر رد فعل معين. تقوم وظيفة تكوين العرض في المكونات بإرجاع هذه المراجع. إنها تساعد في إضافة طرق إلى مكونات مهمة والحصول على قياسات DOM. يمكننا أيضًا استخدام المراجع لإدارة التركيز ، واختيار تشغيل الوسائط أو النص. بالإضافة إلى ذلك ، فهي تساعد أيضًا في التكامل مع مكتبات DOM التابعة لجهات خارجية وتشغيل الرسوم المتحركة الضرورية.

س 17) ما هي المكونات الخاضعة للرقابة؟

الإجابة: لا يمكن لمكونات التحكم الحفاظ على حالتها ، ويتحكم المكون الأصلي في البيانات. أيضًا ، يكتسبون القيم الحالية بمساعدة الخاصيات ويستخدمون عمليات الاسترجاعات للإبلاغ عن التغييرات.

س 18) ماذا تعرف عن المكونات الخارجة عن السيطرة؟

الإجابة: تحافظ المكونات غير الخاضعة للرقابة على حالتها. هنا ، يتحكم DOM في البيانات ، على عكس المكونات الخاضعة للرقابة. يستخدمون أيضًا المراجع لاشتقاق قيمهم الحالية.

س 19) اذكر مزايا الإعادة.

الإجابة: تقدم Redux المزايا التالية -

• التنظيم : يصبح العمل الجماعي أسهل في Redux لأنه يتعلق بتنظيم الكود ، مما يجعله أكثر اتساقًا.
• سهل الاختبار : الكود مستقل وقابل للاختبار لأنه يحتوي على وظائف منفصلة وصغيرة ونقية.
• المجتمع : لدى Redux نسخة احتياطية من مجتمع كبير وموهوب يواصل تحسين المكتبة أثناء إنشاء تطبيقات متعددة.
• أدوات المطور : من السهل على المطورين تتبع كل شيء في التطبيق ، من تغييرات الحالة إلى الإجراء.
• التقديم من جانب الخادم : في الإعادة ، تحتاج فقط إلى إرسال المتجر إلى جانب العميل ، مما يجعله تجربة مستخدم أفضل لأن أداء التطبيق يرتفع.
• قابلية الصيانة : يحتوي الكود على هيكل صارم ونتائج يمكن التنبؤ بها ، مما يسهل صيانته.
• القدرة على التنبؤ بالنتائج : لا يوجد التباس حول مزامنة إجراء الحالة الحالية مع أجزاء من التطبيق لأنه لا يوجد سوى مصدر متجر واحد.

خاتمة

تعلم React Js ليس معقدًا إذا كنت مثابرًا ومتفانيًا. بمجرد أن تعرف لغة البرمجة الخاصة بك من الداخل إلى الخارج ، يمكنك كسر أي مقابلة بسهولة. إذا كنت تستكشف اللغة الآن أو تريد تعميق معرفتك ، فراجع ماجستير العلوم في علوم الكمبيوتر من جامعة ليفربول جون مور. تتضمن هذه الدورة التي تبلغ مدتها 19 شهرًا بعضًا من أفضل الأدوات الشائعة ، بما في ذلك React و Java و JavaScript و Spring و Hyperledger و Ethereum ، على سبيل المثال لا الحصر.

بعد الانتهاء من هذه الدورة ، سوف تكتسب فهمًا عميقًا لـ React. ليس هذا فقط ، ستكون مؤهلاً لشغل وظائف عالية الأجر مثل مطور / مهندس برامج ، مطور Full Stack ، مطور Blockchain ، خبير / مهندس سحابي ، مهندس أمن إلكتروني ، مهندس بيانات ، ومهندس DevOps.