React انٹرویو میں متوقع سوالات

تحریر: Aaron Cao · اپ ڈیٹ

React انٹرویو میں متوقع سوالات
سب سے پہلے hooks کے بارے میں سوالات کی توقع رکھیں: useState، useEffect کے dependencies، اور stale closures۔ پھر rendering: reconciliation، فہرستوں میں key کیوں اہم ہیں، اور memo، useMemo، اور useCallback کے ذریعے re-render کو کنٹرول کرنا۔ زیادہ تر راؤنڈز میں ایک لائیو مشق بھی شامل ہوتی ہے، عام طور پر fetch-and-filter فہرست یا debounce والا سرچ باکس۔

سب سے پہلے hooks کے بارے میں سوالات کی توقع رکھیں: useState، useEffect کے dependencies، اور stale closures۔ پھر rendering: reconciliation، فہرستوں میں key کیوں اہم ہیں، اور memo، useMemo، اور useCallback کے ذریعے re-render کو کنٹرول کرنا۔ زیادہ تر راؤنڈز میں ایک لائیو مشق بھی شامل ہوتی ہے، عام طور پر fetch-and-filter فہرست یا debounce والا سرچ باکس۔

React کے کون سے تصورات سب سے زیادہ پوچھے جاتے ہیں؟

React کا دائرہ بہت وسیع ہے، اور سوالات کی فہرستیں ہر گوشے کو یکساں طور پر ممکنہ سمجھتی ہیں۔ لیکن ایسا نہیں ہے۔ یہ سیکشن ان تصورات کا احاطہ کرتا ہے جو حقیقت میں زیادہ تر راؤنڈز کا فیصلہ کرتے ہیں، تاکہ آپ حقیقی تقسیم کے مطابق مشق کر سکیں۔ چار گروہ غالب ہیں:

  • hooks کی میکانکس: hooks کے قواعد، useEffect کے dependency array میں کیا آتا ہے، cleanup functions، اور stale closure کا bug جہاں ایک effect یا callback کوئی پرانی state ویلیو دیکھتا ہے۔
  • Rendering: کیا چیز re-render کو متحرک کرتی ہے، reconciliation درختوں کا موازنہ کیسے کرتا ہے، اور فہرستوں میں مستحکم key کیوں اہم ہیں۔
  • state کا ڈیزائن: state کو اوپر لے جانا (lifting state)، controlled بمقابلہ uncontrolled inputs، اور کب context ایک بیرونی store کے مقابلے میں موزوں ہوتا ہے۔
  • کارکردگی: React.memo، useMemo، useCallback، اور کب ان میں سے ہر ایک مدد کے بجائے شور ہوتا ہے۔

انٹرویو لینے والے ہر نکتے کے پیچھے کی وجہ ٹٹولتے ہیں۔ یہ رٹ کر بتانا کہ key منفرد ہونی چاہیے کچھ حاصل نہیں کرتا؛ یہ بتانا کہ فہرست کی ترتیب بدلنے پر React کسی key کے ساتھ کیا کرتا ہے، حاصل کرتا ہے۔

آپ کو کن live coding مشقوں کی توقع رکھنی چاہیے؟

زیادہ تر React راؤنڈز میں ایک چھوٹا component لائیو بنانا شامل ہوتا ہے۔ بار بار آنے والی مشقیں مختلف کمپنیوں میں یکساں رہتی ہیں:

  • ایک API سے فہرست حاصل کریں، اسے render کریں، اور ایک ٹیکسٹ فلٹر شامل کریں۔
  • سرچ ان پٹ پر debounce شامل کریں اور پرانی requests کو منسوخ کریں۔
  • validation اور controlled inputs کے ساتھ ایک فارم بنائیں۔
  • ایک counter یا timer لکھیں جو اپنے effect کو صحیح طریقے سے صاف کرے۔
  • دہرائے جانے والے منطق سے ایک custom hook نکالیں۔

مثال کے طور پر، درمیانی سطح کے پروڈکٹ رول کے لیے انٹرویو دینے والا front-end انجینئر fetch-and-filter فہرست بنا سکتا ہے، پھر اس سے loading states، error states، اور یہ کہ جب component کسی request کے دوران unmount ہو جائے تو کیا ہوتا ہے، کے بارے میں پوچھا جا سکتا ہے۔ انہی توسیعات میں راؤنڈز جیتے جاتے ہیں؛ بنیادی مشق محض کم از کم معیار ہے۔

وقت کی پابندی کے ساتھ follow-up سوالات کے ساتھ اس کی مشق کرنا ہی اسے خودکار بناتا ہے؛ mock interview صفحہ ٹائم شدہ سیشنز چلانے کا احاطہ کرتا ہے جہاں انٹرویو لینے والا مزید سوالات کرتا رہتا ہے۔

senior سطح کے React سوالات کیسے نظر آتے ہیں؟

senior سطح کے انٹرویوز میکانکس سے فیصلہ سازی (judgment) کی طرف منتقل ہوتے ہیں۔ state کی architecture کے بارے میں سوالات کی توقع رکھیں: component کی state میں کیا رہتا ہے، store میں کیا شامل ہونا چاہیے، server state، UI state سے کیسے مختلف ہے، اور caching کہاں فٹ بیٹھتی ہے۔ rendering کی کارکردگی کے سوالات ٹھوس ہو جاتے ہیں: کسی سست تعامل کا ماخذ تلاش کرنا، memoization اور ری اسٹرکچرنگ کے درمیان انتخاب کرنا، اور profiler کا flame graph پڑھنا۔

server-side rendering اور hydration وہاں سامنے آتے ہیں جہاں ٹیم React کے اوپر کوئی framework چلاتی ہے: hydration کیا ہے، mismatches کیوں ہوتے ہیں، اور کام کو سرور پر منتقل کرنے سے کیا فائدہ ملتا ہے۔ testing کے سوالات strategy پر مرکوز ہوتے ہیں، یعنی آپ component سطح پر کیا ٹیسٹ کرتے ہیں بمقابلہ end to end، کسی مخصوص library کے API سے کہیں زیادہ۔

انٹرویو کے فارمیٹس اور front-end راؤنڈ عام طور پر ان مراحل کو کیسے ترتیب دیتا ہے، اس کا احاطہ interview types hub میں کیا گیا ہے۔

آپ اس طرح مشق کیسے کریں کہ یہ حقیقی راؤنڈ میں کام آئے؟

ٹیوٹوریلز دیکھنا پہچان (recognition) بناتا ہے، یاد آوری (recall) نہیں، اور راؤنڈ نگرانی کے دوران یاد آوری کو ہی جانچتا ہے۔ حل یہ ہے کہ راؤنڈ کی حقیقی شکل میں مشق دہرائی جائے: خالی فائل سے معیاری مشقیں بنائیں، ٹائپ کرتے ہوئے بلند آواز میں بیان کریں، اور خیال کا دھاگہ کھوئے بغیر تعطل کے سوالات کا جواب دیں۔ ملحقہ stacks کے لیے سوالات کے سیٹس، بشمول سادہ JavaScript کی بنیادی باتیں جن سے React کے راؤنڈز اب بھی اکثر شروع ہوتے ہیں، question banks hub میں موجود ہیں۔

ایک ایماندارانہ بات: React کے انٹرویوز تقریباً ہمیشہ ایک مشترکہ editor میں یا آپ کی اسکرین نظر آنے کی حالت میں ہوتے ہیں، اور اس اسکرین پر جو کچھ بھی ہو وہ انٹرویو لینے والے کو نظر آتا ہے۔ ایک اسسٹنٹ کی جگہ تیاری اور مشق میں ہے، خود مشترکہ اسکرین والے راؤنڈ میں نہیں۔ جائز لائیو استعمال کے لیے، SubcueAI کا overlay آپ کے ڈیوائس پر مقامی رہتا ہے اور کوئی bot کال میں شامل نہیں ہوتا؛ مشق کے سیشنز کے لیے سیٹ اپ tutorial صفحے پر موجود ہے۔

عام سوالات

کیا مجھے اب بھی class components جاننے کی ضرورت ہے؟

پڑھنے کی سطح پر، جی ہاں۔ کافی پروڈکشن کوڈ اب بھی classes استعمال کرتا ہے، اس لیے زیادہ سے زیادہ lifecycle methods اور یہ کہ وہ hooks سے کیسے میل کھاتے ہیں، کے بارے میں سوالات کی توقع رکھیں۔ نئے کوڈ کے سوالات تقریباً ہر جگہ function components میں پوچھے جاتے ہیں۔

hooks کے سوالات دراصل کتنی گہرائی میں جاتے ہیں؟

signatures سے کہیں زیادہ گہرائی میں۔ انٹرویو لینے والے پوچھتے ہیں کہ dependency array کیوں موجود ہے، stale closure کیا ہے اور اسے کیسے ٹھیک کیا جائے، cleanup کب چلتا ہے، اور state کی updates کیوں batch ہوتی ہیں۔ ایک ڈی بگ کی گئی stale closure کی کہانی ہر built-in hook کو رٹنے سے زیادہ قیمتی ہے۔

کیا Next.js کے سوالات React انٹرویوز کا حصہ ہیں؟

اگر ٹیم Next.js استعمال کرتی ہے تو جی ہاں: routing، سرور پر data fetching، اور hydration کی بنیادی باتیں۔ سادہ React استعمال کرنے والی ٹیمیں شاذ و نادر ہی اس کا تقاضا کرتی ہیں، اور بنیادی React سوالات بہرحال راؤنڈ کا فیصلہ کرتے ہیں۔

کیا انٹرویوز میں اب بھی Redux کے بارے میں پوچھا جاتا ہے؟

API quiz سے زیادہ state management کی بحث کے طور پر۔ component state، context، اور ایک بیرونی store کا موازنہ کرنے، اور یہ جواز پیش کرنے کی توقع رکھیں کہ ہر ایک کب موزوں ہوتا ہے۔ trade-offs کو درست طریقے سے بیان کرنا کسی مخصوص library کی معلومات سے زیادہ اہم ہے۔

متعلقہ سوالات

← مزید: عہدے اور موضوع کے مطابق انٹرویو سوالات