আপনি একটি প্রতিক্রিয়া সাক্ষাৎকারে যোগদানের পরিকল্পনা করছেন? আপনার জন্য একটি প্রতিক্রিয়া সাক্ষাৎকার নির্ধারিত আছে? আপনি কি প্রতিক্রিয়া সাক্ষাৎকার প্রশ্ন ও উত্তরের সন্ধান করছেন? তাহলে আপনি সঠিক পৃষ্ঠায় আছেন। অনুগ্রহ করে আমাদের সম্পূর্ণ ব্লগে যান যাতে আপনি প্রতিক্রিয়া সাক্ষাৎকারের কোনো প্রশ্ন মিস করবেন না?
প্রতিক্রিয়া কি? প্রতিক্রিয়া একটি জাভাস্ক্রিপ্ট লাইব্রেরি। এটি একটি ওপেন সোর্স, ফ্রন্ট-এন্ড লাইব্রেরি যা ইউজার ইন্টারফেস বা UI উপাদান তৈরির জন্য ডিজাইন করা হয়েছে। একক-পৃষ্ঠা বা মোবাইল অ্যাপ্লিকেশন বিকাশ করতে প্রতিক্রিয়া ব্যবহার করা হয়। এটি ফেসবুক এবং স্বতন্ত্র বিকাশকারীদের একটি গ্রুপ দ্বারা রক্ষণাবেক্ষণ করা হয়।
সুচিপত্র
- শীর্ষ প্রতিক্রিয়া ইন্টারভিউ প্রশ্ন এবং উত্তর
- 1. প্রতিক্রিয়ার কয়েকটি বৈশিষ্ট্য ব্যাখ্যা কর?
- 2. আপনি প্রতিক্রিয়ার সীমাবদ্ধতা ব্যাখ্যা করতে পারেন?
- 3. আপনি কি বাস্তব DOM এবং ভার্চুয়াল DOM এর মধ্যে পার্থক্য করতে পারেন?
- 4. আপনি লিমিটের কিছু উল্লেখযোগ্য সুবিধার তালিকা করতে পারেন?
- 5. JSX ব্যাখ্যা কর?
- 6. আপনি কি ভার্চুয়াল DOM ব্যাখ্যা করতে পারেন এবং UI রেন্ডার করতে কীভাবে প্রতিক্রিয়া ভার্চুয়াল DOM ব্যবহার করে তা আমাদের বলতে পারেন?
- 7. আপনি কি ফাংশনাল এবং ক্লাস উপাদানগুলির মধ্যে পার্থক্য করতে পারেন?
- 8. নিয়ন্ত্রিত ও অনিয়ন্ত্রিত উপাদানের মধ্যে পার্থক্য ব্যাখ্যা কর?
- 9. কখন Refs প্রাথমিকভাবে বিক্রিয়াতে ব্যবহৃত হয়?
- 10. আপনি কি প্রতিক্রিয়া এবং এর উপাদানগুলির মধ্যে সম্পর্ক ব্যাখ্যা করতে পারেন?
- সাক্ষাত্কার প্রশ্ন এবং উত্তর প্রতিক্রিয়া
- 11. আপনি Redux ব্যবহার করার কিছু সুবিধা ব্যাখ্যা করতে পারেন?
- 12. আপনি HOC এর সুবিধা ব্যাখ্যা করতে পারেন?
- 13. প্রতিক্রিয়ায় রাজ্যগুলি ব্যাখ্যা কর?
- 14. বিক্রিয়াতে বিশুদ্ধ উপাদানগুলি কী কী?
- 15. প্রতিক্রিয়ায় প্রপস ব্যাখ্যা কর?
- 16. কেন আমরা React এ render() ব্যবহার করি? ব্যাখ্যা করা?
- 17. আপনি কি ব্যাখ্যা করতে পারেন Redux এ একটি দোকান কি?
- 18. বিক্রিয়ায় রাষ্ট্রীয় উপাদান কী?
- 19. প্রতিক্রিয়া করার জন্য আমাদের কেন রাউটার দরকার? ব্যাখ্যা করা?
- 20. আপনি কি ফ্লাক্স ইন রিঅ্যাক্টের সাথে পরিচিত?
- সাক্ষাত্কার প্রশ্ন এবং উত্তর প্রতিক্রিয়া
- 21. আপনি কি প্রতিক্রিয়া এবং কৌণিক মধ্যে পার্থক্য করতে পারেন?
- 22. আপনি কি Flux এবং Redux এর মধ্যে পার্থক্য করতে পারেন?
- 23. প্রতিক্রিয়া হ্রাসকারী ব্যাখ্যা কর?
- 24. আপনি কি প্রতিক্রিয়াতে একটি ঘটনা সংজ্ঞায়িত করতে পারেন?
- 25. আপনি কি প্রতিক্রিয়াতে HOC সংজ্ঞায়িত করতে পারেন?
- 26. আপনি কি প্রতিক্রিয়াতে সিন্থেটিক ঘটনা ব্যাখ্যা করতে পারেন?
- 27. আপনি কি প্রতিক্রিয়াতে কঠোর মোড ব্যাখ্যা করতে পারেন?
- 28. বিক্রিয়ায় বিভিন্ন জীবনচক্র পদ্ধতি কি কি? ব্যাখ্যা করা?
- 29. আপনি রাজ্য এবং প্রপস মধ্যে পার্থক্য করতে পারেন?
- 30. প্রতিক্রিয়াতে তীর ফাংশন এবং এর ব্যবহার ব্যাখ্যা কর?
- 31. আপনি কিছু ক্ষেত্রে তালিকা করতে পারেন যখন আপনি refs ব্যবহার করা উচিত?
- 32. আপনি কি ব্যাখ্যা করতে পারেন কিভাবে প্রতিক্রিয়ায় ফর্ম তৈরি করতে হয়?
- 33. কোড সহ প্রতিক্রিয়ায় কীভাবে একটি ইভেন্ট তৈরি করবেন তা ব্যাখ্যা করুন?
- 34. প্রতিক্রিয়াতে কোড মডুলারাইজ করার উপায় ব্যাখ্যা করতে পারেন?
- 35. আপনি MVC কাঠামোর সাথে উল্লেখযোগ্য সমস্যাগুলি ব্যাখ্যা করতে পারেন?
- 36. আপনি কি প্রতিক্রিয়াতে কীগুলির গুরুত্ব ব্যাখ্যা করতে পারেন?
- 37. আপনি Redux অনুসরণ করে তিনটি নীতি বর্ণনা করতে পারেন?
- 38. আপনি Redux এর উপাদান তালিকা করতে পারেন?
- 39. রেডাক্সে ক্রিয়া ব্যাখ্যা কর?
- 40. প্রতিক্রিয়া রাউটিং এবং প্রচলিত রাউটিং এর মধ্যে পার্থক্য করুন?
- 41. আপনি কি আমাদের বলতে পারবেন কেন রিঅ্যাক্ট রাউটার v4 এ সুইচ কীওয়ার্ড ব্যবহার করা হয়?
- 42. আপনি React রাউটারের সুবিধার তালিকা করতে পারেন?
- 43. আপনি ব্যাখ্যা করতে পারেন কেন ব্রাউজার JSX পড়তে পারে না?
- 44. আপনি createElement এবং cloneElement এর মধ্যে পার্থক্য করতে পারেন?
- 45. আপনি কি কোড দিয়ে ব্যাখ্যা করতে পারেন HOC কম্পোনেন্টের জন্য প্রপস প্রক্সি তৈরি করতে?
- 46. IS ব্যাখ্যা কর?
- 47. আপনি ব্যাখ্যা করতে পারেন কিভাবে প্রতিক্রিয়া লিখতে হয়?
- 48. প্রতিক্রিয়ার প্রসঙ্গটি কী ব্যাখ্যা করুন?
- 49. মিলন ব্যাখ্যা কর?
- 50. প্রতিক্রিয়াতে বাচ্চাদের প্রপ কী?
- 51. বিক্রিয়ায় খন্ডগুলো কি?
- 52. আপনি কি আমাদের প্রতিক্রিয়াতে পোর্টাল সম্পর্কে বলতে পারেন?
- 53. আপনি কি প্রতিক্রিয়া v16-এ ত্রুটির সীমানা ব্যাখ্যা করতে পারেন?
- 54. আপনি React-DOM প্যাকেজের ব্যবহার ব্যাখ্যা করতে পারেন?
- 55. ReactDOMServer ব্যাখ্যা কর?
- 56. আপনি কি ব্যাখ্যা করতে পারেন কিভাবে রিঅ্যাক্টে প্রোডাকশন মোড চালু করতে হয়?
- 57. মাউন্ট করার ক্ষেত্রে জীবনচক্র পদ্ধতির আদেশ ব্যাখ্যা কর?
- 58. আপনি একটি উপাদান ক্লাসে পদ্ধতির সুপারিশকৃত ক্রম ব্যাখ্যা করতে পারেন?
- 59. প্রতিক্রিয়া মিক্সিন ব্যাখ্যা কর?
- 60. প্রতিক্রিয়াতে সমর্থিত পয়েন্টার-ইভেন্টগুলির নাম বলুন?
- প্রস্তাবিত প্রবন্ধ
শীর্ষ প্রতিক্রিয়া ইন্টারভিউ প্রশ্ন এবং উত্তর
1. প্রতিক্রিয়ার কয়েকটি বৈশিষ্ট্য ব্যাখ্যা কর?
প্রতিক্রিয়ার কিছু বৈশিষ্ট্য নীচে তালিকাভুক্ত করা হয়েছে:
- প্রতিক্রিয়া বাস্তব DOM এর পরিবর্তে ভার্চুয়াল DOM ব্যবহার করে।
- প্রতিক্রিয়া সার্ভার-সাইড রেন্ডারিং ব্যবহার করে।
- প্রতিক্রিয়া ডেটা বাইন্ডিং বা ডেটার একমুখী প্রবাহ অনুসরণ করে।
2. আপনি প্রতিক্রিয়ার সীমাবদ্ধতা ব্যাখ্যা করতে পারেন?
প্রতিক্রিয়ার সীমাবদ্ধতাগুলি নীচে তালিকাভুক্ত করা হয়েছে:
- এটি একটি লাইব্রেরি মাত্র। প্রতিক্রিয়া একটি পূর্ণ বিকাশ কাঠামো নয়.
- প্রতিক্রিয়া ইনলাইন টেমপ্লেটিং এবং JSX ব্যবহার করে, কোডিং জটিল হয়ে ওঠে।
- প্রতিক্রিয়া লাইব্রেরি বিশাল। তাই বুঝতে আরও সময় লাগে।
- নেটিভ প্রোগ্রামারদের জন্য ধারণাগুলি বোঝা কঠিন হতে পারে।
3. আপনি কি বাস্তব DOM এবং ভার্চুয়াল DOM এর মধ্যে পার্থক্য করতে পারেন?
বাস্তব DOM | ভার্চুয়াল DOM |
---|---|
এটি সরাসরি HTML আপডেট করতে পারে। | এটি সরাসরি HTML আপডেট করতে পারে না। |
এখানে আপডেট একটি ধীর প্রক্রিয়া. | এখানে আপডেট রিয়েল DOM এর তুলনায় দ্রুততর। |
DOM-এ অনেক মেমরির অপচয় হয়। | মেমরির কোন অপচয় নেই। |
DOM এর ম্যানিপুলেশন ব্যয়বহুল। | DOM ম্যানিপুলেশন বাস্তব DOM এর তুলনায় সহজ |
4. আপনি লিমিটের কিছু উল্লেখযোগ্য সুবিধার তালিকা করতে পারেন?
প্রতিক্রিয়ার কয়েকটি উল্লেখযোগ্য সুবিধা হল:
- JSX এর কোডের কারণে পঠনযোগ্যতা বৃদ্ধি পেয়েছে।
- এটা সামগ্রিক অ্যাপ্লিকেশন কর্মক্ষমতা বৃদ্ধি.
- প্রতিক্রিয়া ব্যবহার করে UI পরীক্ষার ক্ষেত্রে লেখা সহজ।
- প্রতিক্রিয়া অন্যান্য ফ্রেমওয়ার্ক যেমন কৌণিক, উল্কা, ইত্যাদির সাথে সহজ একীকরণ প্রদান করে।
- এটি ক্লায়েন্ট এবং সার্ভার-সাইড উভয় ক্ষেত্রেই সুবিধাজনকভাবে ব্যবহার করা যেতে পারে।
- প্রতিক্রিয়া হল SEO-বান্ধব।
- এটি একটি মৃদু শেখার বক্ররেখা আছে.
5. JSX ব্যাখ্যা কর?
JSX অর্থাৎ JavaScript XML, আমাদের জাভাস্ক্রিপ্টের ভিতরে HTML লিখতে দেয় এবং এটি createElement() বা appendChild() এর মত ফাংশন ব্যবহার না করেই সেগুলিকে DOM-এর ভিতরে রাখে।
6. আপনি কি ভার্চুয়াল DOM ব্যাখ্যা করতে পারেন এবং UI রেন্ডার করতে কীভাবে প্রতিক্রিয়া ভার্চুয়াল DOM ব্যবহার করে তা আমাদের বলতে পারেন?
React-এ ভার্চুয়াল DOM হল এমন একটি ধারণা যেখানে ভার্চুয়াল DOM-এর ভার্চুয়াল উপস্থাপনা মেমরির ভিতরে রাখা হয় এবং ReactDOM-এর মতো লাইব্রেরি ব্যবহার করে এটি Real DOM-এর সাথে সিঙ্ক করা হয়।
DOM ম্যানিপুলেশন যেকোন ওয়েব অ্যাপ্লিকেশনের একটি অবিচ্ছেদ্য অংশ হিসাবে বিবেচিত হয়, তবে অন্যান্য জাভাস্ক্রিপ্ট অপারেশনগুলির তুলনায় এটি বেশ ধীর। এটি অন্যান্য অ্যাপ্লিকেশনের দক্ষতাকে প্রভাবিত করে যখন বেশ কয়েকটি DOM ম্যানিপুলেশন করা হয়। এখানে জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক পুরো DOM আপডেট করে এমনকি DOM-এর সাধারণ অংশ পরিবর্তন করা হলেও।
আরো দেখুন শীর্ষ 100 উত্তরযোগ্য ইন্টারভিউ প্রশ্ন এবং উত্তরপ্রতিক্রিয়া প্রধানত UI রেন্ডার করার জন্য দুটি ভার্চুয়াল DOM ব্যবহার করে। যদি একটি বস্তুর বর্তমান অবস্থা সংরক্ষণের জন্য ব্যবহার করা হয়, অন্য DOM বস্তুর পূর্ববর্তী অবস্থা সংরক্ষণ করতে ব্যবহৃত হয়।
যখন কোন ভার্চুয়াল DOM আপডেট করা হয়, তখন কোন ভার্চুয়াল DOM আপডেট হয়েছে তা জানতে প্রতিক্রিয়া দুটি ভার্চুয়াল DOM-এর তুলনা করে। আপডেটের উপর ভিত্তি করে, রিঅ্যাক্ট সম্পূর্ণ রিয়েল ডম রেন্ডার করার পরিবর্তে রিয়েল ডমের ভিতরে শুধুমাত্র আপডেট হওয়া অবজেক্টগুলিকে রেন্ডার করে।
7. আপনি কি ফাংশনাল এবং ক্লাস উপাদানগুলির মধ্যে পার্থক্য করতে পারেন?
কার্যকরী উপাদান | ক্লাস উপাদান |
---|---|
এটি একটি সাধারণ জাভাস্ক্রিপ্ট ফাংশন, যা প্রপসকে যুক্তি হিসাবে গ্রহণ করে এবং প্রতিক্রিয়া উপাদান প্রদান করে। | একটি ক্লাস কম্পোনেন্ট রিঅ্যাক্ট কম্পোনেন্ট থেকে প্রসারিত করতে বাধ্য করে এবং এটি একটি রিঅ্যাক্ট এলিমেন্ট ফেরত দেওয়ার জন্য একটি রেন্ডার ফাংশন তৈরি করে। |
কার্যকরী উপাদান প্রতিক্রিয়া জীবনচক্র পদ্ধতির অনুমতি দেয় না। | আমরা একটি শ্রেণীর উপাদানের মধ্যে প্রতিক্রিয়া জীবনচক্র পদ্ধতি ব্যবহার করতে পারি। |
এটি রাষ্ট্রহীন উপাদান হিসাবেও পরিচিত। | এটি রাষ্ট্রীয় উপাদান হিসাবেও পরিচিত। |
8. নিয়ন্ত্রিত ও অনিয়ন্ত্রিত উপাদানের মধ্যে পার্থক্য ব্যাখ্যা কর?
নিয়ন্ত্রিত উপাদান | অনিয়ন্ত্রিত উপাদান |
---|---|
এখানে, ফর্ম ডেটা একটি প্রতিক্রিয়া উপাদান দ্বারা পরিচালিত হয়। | DOM ফর্ম ডেটা পরিচালনা করে। |
যখন আপনি সর্বদা ইনপুটের মান জানতে চান এবং এটি একটি বৈধ অক্ষর কিনা তা পরীক্ষা করতে চান তখন এটি ফর্ম যাচাইকরণ তৈরি করতে ব্যবহৃত হয়। | এটি ইনপুট মান আপডেট না করেই ফর্ম যাচাইকরণ পরিচালনা করতে ব্যবহৃত হয়। |
9. কখন Refs প্রাথমিকভাবে বিক্রিয়াতে ব্যবহৃত হয়?
Refs একটি DOM উপাদান এবং ব্যবহারকারীর তৈরি করা প্রতিক্রিয়া উপাদান পুনরুদ্ধার করার জন্য প্রতিক্রিয়া দ্বারা প্রদত্ত একটি ফাংশন হিসাবে সংজ্ঞায়িত করা হয়৷ এগুলি এমন পরিস্থিতিতে ব্যবহার করা হয় যখন আপনি প্রপস ব্যবহার না করে শিশু উপাদানের মান পরিবর্তন করতে চান।
10. আপনি কি প্রতিক্রিয়া এবং এর উপাদানগুলির মধ্যে সম্পর্ক ব্যাখ্যা করতে পারেন?
প্রতিক্রিয়া এবং তাদের উপাদানগুলি পরস্পর সম্পর্কযুক্ত। এখানে, প্রতিক্রিয়ার উপাদানগুলিকে UI(ইউজার ইন্টারফেস) এর জন্য প্রতিক্রিয়া অ্যাপ্লিকেশনের বিল্ডিং ব্লক হিসাবে সংজ্ঞায়িত করা যেতে পারে। পুরো ইউজার ইন্টারফেসটিকে ছোট, স্বাধীন, পুনঃব্যবহারযোগ্য টুকরোগুলিতে বিভক্ত করার প্রক্রিয়াটি প্রতিক্রিয়া অ্যাপ্লিকেশন ইউজার ইন্টারফেস তৈরি করতে সহায়তা করে।
সাক্ষাত্কার প্রশ্ন এবং উত্তর প্রতিক্রিয়া
11. আপনি Redux ব্যবহার করার কিছু সুবিধা ব্যাখ্যা করতে পারেন?
Redux ব্যবহার করার কিছু সুবিধা হল:
- এটির আরও ভাল কোড সংগঠন রয়েছে।
- এটিতে দক্ষ বিকাশকারী সরঞ্জাম রয়েছে যা বিকাশকারীদের অ্যাকশন থেকে শুরু করে রাষ্ট্রীয় পরিবর্তন পর্যন্ত সবকিছু ট্র্যাক করতে দেয়।
- Redux কোড বিচ্ছিন্ন, বিশুদ্ধ, ছোট ফাংশন দ্বারা গঠিত, এইভাবে পরীক্ষা সহজ এবং সহজ করে তোলে।
- Redux কোড বজায় রাখা সহজ.
- Redux একটি বড় মাপের সম্প্রদায়কে সমর্থন করে।
- এটি সার্ভার-সাইড রেন্ডারিং সমর্থন করে।
12. আপনি HOC এর সুবিধা ব্যাখ্যা করতে পারেন?
HOC এর কিছু সুবিধা নীচে তালিকাভুক্ত করা হয়েছে:
- কোড পুনর্ব্যবহারযোগ্যতা।
- HOC পপ ম্যানিপুলেশন অফার করে।
- এটি ম্যানিপুলেশন এবং রাষ্ট্র বিমূর্ততা সমর্থন করে।
- HOC একটি উচ্চ হ্যাকিং সুবিধা প্রদান করে।
- এটি যুক্তি এবং বুটস্ট্র্যাপ বিমূর্তকরণের প্রয়োগকে সমর্থন করে।
13. প্রতিক্রিয়ায় রাজ্যগুলি ব্যাখ্যা কর?
স্টেট ইন রিঅ্যাক্ট হল একটি জাভাস্ক্রিপ্ট অবজেক্ট যা উপাদানগুলির গতিশীল ডেটা সংরক্ষণ করতে ব্যবহৃত হয়। এটি রেন্ডারগুলির মধ্যে পরিবর্তনগুলির ট্র্যাক রাখতে একটি উপাদানকে সক্ষম করে৷ যেহেতু রাষ্ট্রকে গতিশীল হিসাবে সংজ্ঞায়িত করা হয়েছে, এটি শুধুমাত্র ইন্টারঅ্যাক্টিভিটির জন্য সংরক্ষিত। তাই এটি স্ট্যাটিক রিঅ্যাক্ট অবজেক্টের সাথে ব্যবহার করা হয় না।
14. বিক্রিয়াতে বিশুদ্ধ উপাদানগুলি কী কী?
রিঅ্যাক্টে বিশুদ্ধ উপাদানগুলিকে এমন উপাদান হিসাবে সংজ্ঞায়িত করা হয় যেগুলি যখনই একটি স্টেট এবং প্রপসের মান একই মান সহ আপডেট করা হয় তখন পুনরায় রেন্ডার হয় না। প্রদত্ত পূর্ববর্তী অবস্থা বা পপ এবং নতুন প্রপ অবস্থার মান একই হলে উপাদানটি রেন্ডার করা হয় না।
15. প্রতিক্রিয়ায় প্রপস ব্যাখ্যা কর?
প্রপস ইন রিঅ্যাক্ট হল একটি অনন্য কীওয়ার্ড যা বৈশিষ্ট্যগুলির জন্য দাঁড়ায় এবং এটি একটি উপাদান থেকে অন্য উপাদানে ডেটা বা তথ্য প্রেরণ করতে ব্যবহৃত হয় এবং এখানে যে ডেটা পাস করা হয় তা একমুখী প্রবাহে থাকে।
16. কেন আমরা React এ render() ব্যবহার করি? ব্যাখ্যা করা?
রিঅ্যাক্টে রেন্ডারিং হল সবচেয়ে দরকারী পদ্ধতিগুলির মধ্যে একটি যা একজন প্রোগ্রামারকে ফ্রন্ট-এন্ড ডেভেলপমেন্টে পরিচালনা করতে হয়। React-এ রেন্ডার() পদ্ধতি হল ক্লাস কম্পোনেন্টের একটি অপরিহার্য পদ্ধতি, যা ব্রাউজার উইন্ডোতে রেন্ডার করা নির্দিষ্ট ভিউ প্রদর্শনের জন্য দায়ী।
17. আপনি কি ব্যাখ্যা করতে পারেন Redux এ একটি দোকান কি?
Redux-এ একটি দোকান একটি অপরিবর্তনীয় বস্তু গাছ হিসাবে সংজ্ঞায়িত করা হয়। সহজ কথায়, একটি স্টোর হল একটি রাষ্ট্রীয় পাত্র যা অ্যাপ্লিকেশনটির অবস্থা ধরে রাখে। Redux এ একটি স্টোর তৈরি হয়ে গেলে, আপনাকে রিডুসার নির্দিষ্ট করতে হবে। একটি রেডাক্স একটি অ্যাপ্লিকেশনে শুধুমাত্র একটি একক স্টোর থাকতে পারে।
18. বিক্রিয়ায় রাষ্ট্রীয় উপাদান কী?
প্রতিক্রিয়ায় একটি রাষ্ট্রীয় উপাদান তার রাষ্ট্রীয় বস্তুর উপর নির্ভরশীল এবং তার নিজস্ব অবস্থা পরিবর্তন করার ক্ষমতা রয়েছে। উপাদানটি তার অবস্থার পরিবর্তনের উপর নির্ভর করে পুনরায় রেন্ডার করে এবং একটি প্রপস অবজেক্টের বৈশিষ্ট্য হিসাবে তার রাজ্যের বৈশিষ্ট্যগুলি শিশু উপাদানগুলিতে প্রেরণ করতে পারে।
19. প্রতিক্রিয়া করার জন্য আমাদের কেন রাউটার দরকার? ব্যাখ্যা করা?
রিঅ্যাক্ট-এর রাউটারটি একটি গতিশীল, ক্লায়েন্ট-সাইড রাউটিং যা আপনাকে নেভিগেশন ছাড়াই একটি একক পৃষ্ঠার ওয়েব অ্যাপ্লিকেশন তৈরি করতে দেয় পৃষ্ঠাটি রিফ্রেশ করা হচ্ছে ব্যবহারকারী নেভিগেট হিসাবে. রিঅ্যাক্ট রাউটার কম্পোনেন্ট স্ট্রাকচার ব্যবহার করে কম্পোনেন্ট কল করার জন্য যা উপযুক্ত তথ্য প্রদর্শন করে।
20. আপনি কি ফ্লাক্স ইন রিঅ্যাক্টের সাথে পরিচিত?
রিঅ্যাক্ট ফ্লাক্স হল একটি প্রোগ্রামিং ধারণা যেখানে ডেটা প্রবাহ একমুখী। এখানে ডেটা অ্যাপে প্রবেশ করে এবং এটি স্ক্রিনে রেন্ডার না হওয়া পর্যন্ত এক দিকে প্রবাহিত হয়।
সাক্ষাত্কার প্রশ্ন এবং উত্তর প্রতিক্রিয়া
21. আপনি কি প্রতিক্রিয়া এবং কৌণিক মধ্যে পার্থক্য করতে পারেন?
প্রতিক্রিয়া | কৌণিক |
---|---|
প্রতিক্রিয়া একটি জাভাস্ক্রিপ্ট লাইব্রেরি হিসাবে সংজ্ঞায়িত করা যেতে পারে. | কৌণিক একটি সম্পূর্ণ কাঠামো হিসাবে সংজ্ঞায়িত করা যেতে পারে। |
এটি অন্যান্য লাইব্রেরির সাথে প্যাকেজ করা যেতে পারে। | এটি নিজেই একটি সম্পূর্ণ সমাধান। |
এটা অনেক সম্প্রদায় সমর্থন প্রস্তাব করে না. | এটা সম্প্রদায় সমর্থন প্রস্তাব. |
কৌণিক তুলনায় এটা শেখা সহজ. | কৌণিক শেখার জন্য প্রচুর প্রশিক্ষণের প্রয়োজন। |
প্রতিক্রিয়া আমাদের একটি অ্যাপ তৈরি করতে ব্যবহৃত আর্কিটেকচার, টুলস এবং লাইব্রেরি নির্বাচন করার স্বাধীনতা দেয়। | কৌণিক সীমিত স্বাধীনতা এবং নমনীয়তা অফার করে। |
এটি একমুখী ডেটা বাইন্ডিং ব্যবহার করে। | এটি দ্বি-মুখী ডেটা বাইন্ডিং ব্যবহার করে। |
প্রতিক্রিয়া ভার্চুয়াল DOM উপর ভিত্তি করে. | কৌণিক MVC মডেলের উপর ভিত্তি করে। |
এটি জাভাস্ক্রিপ্টে লেখা। | এটা টাইপস্ক্রিপ্টে লেখা.. |
এটি সোর্স কোডে একটি জাভাস্ক্রিপ্ট লাইব্রেরি যোগ করার অনুমতি দেয়। | এটি সোর্স কোডে জাভাস্ক্রিপ্ট লাইব্রেরি যোগ করার অনুমতি দেয় না। |
22. আপনি কি Flux এবং Redux এর মধ্যে পার্থক্য করতে পারেন?
প্রবাহ | রেডাক্স |
---|---|
এটি প্রেরণকারীর সাথে একক ডিবাগিং প্রদান করে। | Redux একক দোকান ডিবাগিং সহজ করে তোলে. |
ফ্লাক্স একাধিক দোকান অন্তর্ভুক্ত. | Redux একক দোকান অন্তর্ভুক্ত. |
এখানে, দোকান সব যুক্তি পরিচালনা করে. | এখানে, হ্রাসকারী সমস্ত যুক্তি পরিচালনা করে। |
এটি প্রতিক্রিয়া, কৌণিক এবং পলিমারের মতো ফ্রন্ট-এন্ড ফ্রেমওয়ার্ক সমর্থন করে। | এটি ব্যাকবোন জেএস, উল্কা, এমবার এবং পলিমারের মতো ফ্রন্ট-এন্ড ফ্রেমওয়ার্ক সমর্থন করে। |
23. প্রতিক্রিয়া হ্রাসকারী ব্যাখ্যা কর?
রিঅ্যাক্টে রিডুসারগুলিকে একটি ফাংশন হিসাবে সংজ্ঞায়িত করা হয় যা একটি অ্যাপ্লিকেশনের অবস্থার পরিবর্তনগুলি নির্ধারণ করে। হ্রাসকারী পার্থক্য নির্ধারণ করতে প্রাপ্ত ক্রিয়াটি ব্যবহার করে। Redux-এর মতো সরঞ্জামগুলি আমাদেরকে একটি একক স্টোরে অ্যাপ্লিকেশন অবস্থার পরিবর্তনগুলি পরিচালনা করতে সাহায্য করে যাতে তাদের আচরণ সামঞ্জস্যপূর্ণ হয়।
আরো দেখুন শীর্ষ 100 জাভাস্ক্রিপ্ট ইন্টারভিউ প্রশ্ন এবং উত্তর24. আপনি কি প্রতিক্রিয়াতে একটি ঘটনা সংজ্ঞায়িত করতে পারেন?
প্রতিক্রিয়ায় একটি ইভেন্ট হল একটি ক্রিয়া যা ব্যবহারকারীদের ক্রিয়া বা সিস্টেম-উত্পন্ন ইভেন্টের ফলে ট্রিগার হয়। রিঅ্যাক্ট-এ ইভেন্টগুলোকে LowerCase এর পরিবর্তে CamelCase নামে নামকরণ করা হয়েছে। JSX এর সাহায্যে, একটি ফাংশন একটি স্ট্রিং এর পরিবর্তে একটি ইভেন্ট হ্যান্ডলার হিসাবে পাস করা যেতে পারে।
25. আপনি কি প্রতিক্রিয়াতে HOC সংজ্ঞায়িত করতে পারেন?
HOC হল হাই অর্ডার কম্পোনেন্ট, কম্পোনেন্টের লজিক পুনঃব্যবহারের জন্য একটি প্রতিক্রিয়াশীল উন্নত কৌশল। HOC একটি ফাংশন যা উপাদানটিকে একটি প্যারামিটার হিসাবে নিতে পারে এবং একটি নতুন উপাদান প্রদান করে। HOC কে একটি প্যাটার্ন হিসাবে সংজ্ঞায়িত করা যেতে পারে যা প্রতিক্রিয়া কম্পোজিশনাল প্রকৃতি থেকে উদ্ভূত হয়েছে।
26. আপনি কি প্রতিক্রিয়াতে সিন্থেটিক ঘটনা ব্যাখ্যা করতে পারেন?
প্রতিক্রিয়াতে একটি সিন্থেটিক ইভেন্ট ব্রাউজারের নেটিভ ইভেন্টের চারপাশে একটি ক্রস-ব্রাউজার মোড়ক হিসাবে সংজ্ঞায়িত করা হয়। একটি সিন্থেটিক ইভেন্টের ব্রাউজারের নেটিভ ইভেন্টের মতো একই ইন্টারফেস রয়েছে, যার মধ্যে stopPropagation() পদ্ধতি এবং preventDefault() পদ্ধতি রয়েছে। এখানে ইভেন্টগুলি সমস্ত ব্রাউজার জুড়ে একইভাবে কাজ করে।
27. আপনি কি প্রতিক্রিয়াতে কঠোর মোড ব্যাখ্যা করতে পারেন?
প্রতিক্রিয়াতে কঠোর মোড হল যে কোনও অ্যাপ্লিকেশনের সম্ভাব্য সমস্যাগুলি হাইলাইট করার জন্য একটি সরঞ্জাম। এটি কোনো ভিজ্যুয়াল ইউজার ইন্টারফেস রেন্ডার করে না। এটি তার বংশধরদের জন্য অতিরিক্ত চেক এবং সতর্কতা সক্রিয় করতে ব্যবহৃত হয়।
28. বিক্রিয়ায় বিভিন্ন জীবনচক্র পদ্ধতি কি কি? ব্যাখ্যা করা?
প্রতিক্রিয়ার প্রতিটি উপাদানকে ইভেন্টগুলির একটি জীবনচক্রের মধ্য দিয়ে যেতে হয়:
- মাউন্টিং: এটি আপনার উপাদানের জন্ম হিসাবে সংজ্ঞায়িত করা যেতে পারে।
- আপডেট: এটি আপনার উপাদানের বৃদ্ধি হিসাবে সংজ্ঞায়িত করা যেতে পারে।
- আনমাউন্ট: এটি উপাদানের মৃত্যু হিসাবে সংজ্ঞায়িত করা যেতে পারে।
প্রতিক্রিয়াতে বিভিন্ন জীবনচক্র পদ্ধতিগুলি নিম্নরূপ:
- render(): যখনই একই ইনপুট পাস করা হয় তখন একই আউটপুট ফেরত দিতে React ব্যবহার করে render()।
- componentDidMount(): উপাদানটি প্রস্তুত এবং মাউন্ট হওয়ার সাথে সাথে এই পদ্ধতিটিকে বলা হয়, যেখানে আপনি API কলগুলি শুরু করতে পারেন এবং আপনি একটি দূরবর্তী শেষ-বিন্দু থেকে ডেটা লোড করতে পারেন। আপনি এই পদ্ধতিতে উপাদানগুলির অবস্থাও সংশোধন করতে পারেন।
- componentDidUpdate(): আপডেট হওয়ার সাথে সাথে এই পদ্ধতিটিকে বলা হয়। এই পদ্ধতিটি স্টেট বা প্রপস পরিবর্তনের প্রতিক্রিয়া সহ DOM আপডেট করে।
- componentWillUnmount(): এই পদ্ধতিটি কম্পোনেন্ট আনমাউন্ট করা এবং ধ্বংস করার ঠিক আগে চালু করা হয়। আপনি এই পর্যায়ে যেকোন পরিচ্ছন্নতামূলক কাজ করতে পারেন।
29. আপনি রাজ্য এবং প্রপস মধ্যে পার্থক্য করতে পারেন?
প্রপস | রাষ্ট্র |
---|---|
তারা অপরিবর্তনীয়। | এটি পরিবর্তনযোগ্য। |
তারা শুধুমাত্র পঠিত হয়. | রাষ্ট্রের পরিবর্তনগুলি অ্যাসিঙ্ক্রোনাস হতে পারে। |
এটি আপনাকে যুক্তি হিসাবে একটি উপাদান থেকে অন্য উপাদানে ডেটা বা তথ্য প্রেরণ করতে দেয়। | এখানে, রাষ্ট্র উপাদানগুলির তথ্য বা তথ্য ধারণ করে। |
এগুলি উপাদানগুলির মধ্যে যোগাযোগ করতে ব্যবহৃত হয়। | এগুলি উপাদানের সাথে গতিশীল পরিবর্তনগুলি রেন্ডার করতে ব্যবহৃত হয়। |
প্রপগুলি উপাদানগুলিকে পুনরায় ব্যবহারযোগ্য করে তোলে। | এখানে, রাষ্ট্র উপাদানগুলিকে পুনরায় ব্যবহারযোগ্য করতে পারে না। |
তাদের শিশু উপাদানগুলি তাদের অ্যাক্সেস করতে পারে না। | তারা তাদের শিশু উপাদান দ্বারা অ্যাক্সেস করা যাবে না. |
30. প্রতিক্রিয়াতে তীর ফাংশন এবং এর ব্যবহার ব্যাখ্যা কর?
রিঅ্যাক্টে তীর ফাংশন ফাংশন এক্সপ্রেশন লেখার জন্য সিনট্যাক্স বেশি। ফাংশনটি ব্যবহারকারীকে উপাদানগুলির সম্পত্তির প্রসঙ্গ আবদ্ধ করতে দেয়। আমরা যখন হাই-অর্ডার ফাংশনগুলির সাথে কাজ করি তখন তারা সহায়ক।
31. আপনি কিছু ক্ষেত্রে তালিকা করতে পারেন যখন আপনি refs ব্যবহার করা উচিত?
নিম্নলিখিত কিছু ক্ষেত্রে রয়েছে যেখানে আপনার refs ব্যবহার করা উচিত:
- আপনি যখন পাঠ্য বা মিডিয়া প্লেব্যাক নির্বাচন করতে হবে তখন সেগুলি ব্যবহার করা হয়।
- রেফগুলি অপরিহার্য অ্যানিমেশন ট্রিগার করার জন্য ব্যবহৃত হয়।
- Refs সহজেই তৃতীয় পক্ষের DOM লাইব্রেরির সাথে একত্রিত হয়।
32. আপনি কি ব্যাখ্যা করতে পারেন কিভাবে প্রতিক্রিয়ায় ফর্ম তৈরি করতে হয়?
প্রতিক্রিয়ার ফর্মগুলি এইচটিএমএল ফর্মগুলির মতো। এখানে রাজ্যটি উপাদানগুলির রাজ্য সম্পত্তির মধ্যে রয়েছে এবং এটি শুধুমাত্র setState() এর মাধ্যমে আপডেট করা হয়। সুতরাং এখানে উপাদানগুলি সরাসরি তাদের অবস্থা আপডেট করতে পারে না, এবং তাদের জমা JSX(Javascript XML) ফাংশন দ্বারা পরিচালিত হয়। এই ফাংশনটির সম্পূর্ণ অ্যাক্সেস বা নিয়ন্ত্রণ রয়েছে ডেটাতে যা ব্যবহারকারী ফর্মের মাধ্যমে প্রবেশ করে।
33. কোড সহ প্রতিক্রিয়ায় কীভাবে একটি ইভেন্ট তৈরি করবেন তা ব্যাখ্যা করুন?
প্রতিক্রিয়াতে ইভেন্টটি নীচের কোড দ্বারা তৈরি করা হয়েছে।
|_+_|34. প্রতিক্রিয়াতে কোড মডুলারাইজ করার উপায় ব্যাখ্যা করতে পারেন?
প্রতিক্রিয়ার কোডটি আমদানি এবং রপ্তানি বৈশিষ্ট্যগুলি ব্যবহার করে মডুলারাইজ করা হয় এবং তারা বিভিন্ন ফাইলে আলাদাভাবে উপাদানগুলি লিখতে সহায়তা করে।
|_+_|35. আপনি MVC কাঠামোর সাথে উল্লেখযোগ্য সমস্যাগুলি ব্যাখ্যা করতে পারেন?
নিচে উল্লেখ করা হল MVC ফ্রেমওয়ার্কের কিছু প্রধান সমস্যা।
- DOM ম্যানিপুলেশন খুব ব্যয়বহুল।
- স্মৃতিশক্তির অনেক অপচয় ছিল।
- বৃত্তাকার স্বাধীনতার কারণে, দৃষ্টিভঙ্গি এবং মডেলগুলির চারপাশে একটি অত্যন্ত জটিল মডেল তৈরি করা হয়েছিল।
- এমভিসি ফ্রেমওয়ার্ক ব্যবহার করা অ্যাপ্লিকেশনগুলি ধীর এবং অদক্ষ ছিল।
36. আপনি কি প্রতিক্রিয়াতে কীগুলির গুরুত্ব ব্যাখ্যা করতে পারেন?
রিঅ্যাক্টের কীগুলি ইউজার ইন্টারফেসকে চালিত করে তাদের সম্পর্কিত ডেটা সহ অনন্য ভার্চুয়াল DOM উপাদানগুলি সনাক্ত করতে ব্যবহৃত হয়। তারা সমস্ত DOM উপাদান (ডকুমেন্ট অবজেক্ট মডেল) পুনর্ব্যবহার করে রেন্ডারিং অপ্টিমাইজ করতে প্রতিক্রিয়াতে একটি গুরুত্বপূর্ণ ভূমিকা পালন করে। কীগুলি একটি অনন্য সংখ্যা বা স্ট্রিং হতে হবে; এইগুলির উপর ভিত্তি করে, প্রতিক্রিয়া উপাদানগুলিকে পুনরায় রেন্ডার করার পরিবর্তে উপাদানগুলিকে পুনরায় সাজায় এবং কীগুলি অ্যাপ্লিকেশনটির কার্যকারিতা বাড়ায়।
37. আপনি Redux অনুসরণ করে তিনটি নীতি বর্ণনা করতে পারেন?
Redux যে তিনটি নীতি অনুসরণ করে তা নীচে তালিকাভুক্ত করা হয়েছে:
- এটি আমাদের বুঝতে দেয় যে আমাদের অ্যাপের ভিউগুলি একটি প্রমিত কাঠামোতে দেখার ঘোষণার কারণে।
- এটি গতিশীল রুট ম্যাচিং সমর্থন করে।
- এটি অলস কোড লোডিং সমর্থন করে।
- প্রতিক্রিয়া রাউটার ব্যবহার করে কেউ সহজেই নেস্টেড ভিউ এবং ভিউগুলির প্রগতিশীল রেজোলিউশন পরিচালনা করতে পারে।
- রিঅ্যাক্ট রাউটারে ব্রাউজিং হিস্ট্রি ফিচারের সাহায্যে, ভিউ এর অবস্থা পুনরুদ্ধার করে কেউ সহজেই সামনে পিছনে নেভিগেট করতে পারে।
- প্রমিত অ্যাপ গঠন এবং আচরণের কারণে দলগুলির সাথে কাজ করার ক্ষেত্রে এটি উপকারী।
- একক লাইন মন্তব্য.
- মাল্টিলাইন মন্তব্য.
- React.Children.map()
- React.Children.forEach()
- React.Children.count()
- প্রতিক্রিয়া। শিশু। শুধুমাত্র()
- React.Children.toArray()
- রেন্ডার()
- হাইড্রেট()
- UnmountComponentAtNode()
- FindDOMNode ()
- তৈরি পোর্টাল()
- renderToString ()
- রেন্ডার টোস্ট্যাটিকমার্কআপ ()
- নির্মাতা()
- স্ট্যাটিক getDerivedStateFromProps()
- রেন্ডার()
- componentDidMount()
- স্ট্যাটিক পদ্ধতি
- নির্মাতা()
- getChildContext()
- কম্পোনেন্ট উইলমাউন্ট()
- componentDidMount()
- componentWillReceiveProps()
- উচিত কম্পোনেন্ট আপডেট()
- কম্পোনেন্ট উইলআপডেট()
- componentDidUpdate()
- কম্পোনেন্ট উইলআনমাউন্ট()
- ক্লিক হ্যান্ডলার বা ইভেন্ট হ্যান্ডলার যেমন onClickSubmit() বা onChangeDescription()
- getSelectReason() বা getFooterContent() এর মত রেন্ডারের জন্য গেটার পদ্ধতি
- ঐচ্ছিক রেন্ডার পদ্ধতি যেমন renderNavigation() বা renderProfilePicture()
- রেন্ডার()
- অনপয়েন্টারডাউন
- onPointerMove
- onPointerUp
- onPointerCancel
- onGotPointerCapture
- onLostPointerCapture
- onPointerEnter
- onPointerLeave
- onPointerOver
- অনপয়েন্টারআউট
38. আপনি Redux এর উপাদান তালিকা করতে পারেন?
Redux এর উপাদানগুলি নীচে তালিকাভুক্ত করা হয়েছে:
39. রেডাক্সে ক্রিয়া ব্যাখ্যা কর?
অ্যাকশন ইন রিঅ্যাক্টের টাইপ প্রোপার্টি থাকা উচিত যাতে কোন ধরনের অ্যাকশন করা হবে তা নির্দেশ করে। এগুলিকে একটি স্ট্রিং ধ্রুবক হিসাবে সংজ্ঞায়িত করতে হবে এবং এটি আপনাকে আরও বৈশিষ্ট্য যুক্ত করতে দেয়। ফাংশন অ্যাকশন ক্রিয়েটর ব্যবহার করে অ্যাকশন তৈরি করা হয়।
|_+_|সংজ্ঞায়িত উপরের কোডটি অ্যাকশন এবং অ্যাকশন ক্রিয়েটরের একটি উদাহরণ।
40. প্রতিক্রিয়া রাউটিং এবং প্রচলিত রাউটিং এর মধ্যে পার্থক্য করুন?
প্রতিক্রিয়া রাউটিং | প্রচলিত রাউটিং |
---|---|
এটা একক HTML পৃষ্ঠা জড়িত. | এখানে, প্রতিটি ভিউ একটি নতুন ফাইলের সাথে মিলে যায়। |
এখানে ব্যবহারকারীকে প্রতারিত করা হয়েছে, এই ভেবে যে তিনি বিভিন্ন পৃষ্ঠা জুড়ে নেভিগেট করছেন। | এখানে, ব্যবহারকারী আসলে প্রতিটি দৃশ্যের জন্য বিভিন্ন পৃষ্ঠা জুড়ে নেভিগেট করে। |
এখানে, ইতিহাস বৈশিষ্ট্য শুধুমাত্র পরিবর্তিত হয়. | এখানে, এটি সার্ভারে একটি HTTP অনুরোধ পাঠায় এবং একটি সংশ্লিষ্ট HTML পৃষ্ঠা গ্রহণ করে। |
41. আপনি কি আমাদের বলতে পারবেন কেন রিঅ্যাক্ট রাউটার v4 এ সুইচ কীওয়ার্ড ব্যবহার করা হয়?
আমরা রাউটারের ভিতরে বিভিন্ন রুট এনক্যাপসুলেট করতে ব্যবহার করি। আমরা একটি সুইচ কীওয়ার্ড ব্যবহার করি যখনই আমরা একটি একক রুট প্রদর্শন করতে চাই যাতে বিভিন্ন সংজ্ঞায়িত রুটের মধ্যে পুনরায় রেন্ডার করা হয়। যখন আমরা ট্যাগটি ব্যবহার করি, এটি টাইপ করা URL এর সাথে ক্রমানুসারে নির্দিষ্ট রুটের সাথে মিলে যায়। যখন এটি প্রথম মিল খুঁজে পায়, এটি নির্দিষ্ট রুট রেন্ডার করে এবং এর ফলে বাকি সমস্ত রুট অতিক্রম করে।
42. আপনি React রাউটারের সুবিধার তালিকা করতে পারেন?
রিঅ্যাক্ট রাউটারের সুবিধা হল:
43. আপনি ব্যাখ্যা করতে পারেন কেন ব্রাউজার JSX পড়তে পারে না?
ব্রাউজারগুলি শুধুমাত্র জাভাস্ক্রিপ্ট অবজেক্ট পড়ার জন্য ডিজাইন করা হয়েছে, তবে JSX একটি নিয়মিত জাভাস্ক্রিপ্ট অবজেক্ট নয়। একটি ব্রাউজারকে JSX পড়ার অনুমতি দেওয়ার জন্য, প্রথমে, আমাদের JSX ফাইলটিকে ব্যাবেলের মতো JSX ট্রান্সফরমার ব্যবহার করে একটি জাভাস্ক্রিপ্ট অবজেক্টে রূপান্তর করতে হবে এবং তারপরে আপনাকে এটি ব্রাউজারে পাস করতে হবে।
44. আপনি createElement এবং cloneElement এর মধ্যে পার্থক্য করতে পারেন?
React.createElement() ফাংশনটি এমন উপাদান তৈরি করতে ব্যবহৃত হয় যা UI(ইউজার ইন্টারফেস) এর অবজেক্ট উপস্থাপনের জন্য ব্যবহার করা হবে।
প্রতিক্রিয়াতে ক্লোনএলিমেন্ট একটি উপাদান ক্লোন করতে এবং এটিকে প্রপসে পাস করতে ব্যবহৃত হয়।
45. আপনি কোড দিয়ে ব্যাখ্যা করতে পারেন HOC উপাদানের জন্য প্রপস প্রক্সি তৈরি করতে?
নিচের মতো প্রপস প্রক্সি প্যাটার্ন ব্যবহার করে কম্পোনেন্টে পাস করা প্রপস যোগ বা এডিট করতে পারেন।
|_+_|46. IS ব্যাখ্যা কর?
JEST কে একটি জাভাস্ক্রিপ্ট ইউনিট টেস্টিং ফ্রেমওয়ার্ক হিসাবে সংজ্ঞায়িত করা হয়েছে যা Facebook দ্বারা জেসমিনের উপর ভিত্তি করে তৈরি করা হয়েছে এবং এটি একটি স্বয়ংক্রিয় মক তৈরি এবং একটি jsdom পরিবেশ প্রদান করে। এটি প্রধানত প্রতিক্রিয়া উপাদান পরীক্ষা করতে ব্যবহৃত হয়.
47. আপনি ব্যাখ্যা করতে পারেন কিভাবে প্রতিক্রিয়া লিখতে হয়?
প্রতিক্রিয়ার মন্তব্যগুলি জাভাস্ক্রিপ্ট মাল্টিলাইন মন্তব্যগুলির মতো, তবে সেগুলি কোঁকড়া বন্ধনীতে মোড়ানো।
রিঅ্যাক্টে আমাদের দুই ধরনের মন্তব্য আছে, যথা,
একক লাইন মন্তব্য উদাহরণ:
|_+_|48. প্রতিক্রিয়ার প্রসঙ্গটি কী ব্যাখ্যা করুন?
রিঅ্যাক্ট-এর প্রেক্ষাপট হল এন্ট্রি-লেভেলে ম্যানুয়ালি প্রপস পাস না করেই কম্পোনেন্ট ট্রির মাধ্যমে ডেটা বা তথ্য পাস করার একটি পদ্ধতি।
49. মিলন ব্যাখ্যা কর?
প্রতিক্রিয়ায় পুনর্মিলন একটি প্রক্রিয়া। যখন একটি উপাদানের অবস্থা বা প্রপ পরিবর্তিত হয়, তখন নতুন ফিরে আসা উপাদান এবং পূর্বে রেন্ডার করা উপাদানটির সাথে তুলনা করে একটি প্রকৃত DOM আপডেট প্রয়োজনীয় কিনা তা প্রতিক্রিয়াকে সিদ্ধান্ত নিতে হবে। যখন প্রতিক্রিয়া দেখতে পায় যে এটি সমান নয়, তখন DOM আপডেট করা হয়।
50. প্রতিক্রিয়াতে বাচ্চাদের প্রপ কী?
শিশুরা প্রতিক্রিয়ায় একটি প্রপ (this.props.children) যখন একটি উপাদানের অবস্থা বা প্রপ পরিবর্তন হয়, এটি উপাদানগুলিকে অন্যান্য উপাদানগুলিতে ডেটা হিসাবে প্রেরণ করার অনুমতি দেয়। কম্পোনেন্ট ট্রি যেটি কম্পোনেন্ট ওপেনিং এবং ক্লোজিং ট্যাগের মধ্যে রাখা হয় সেই কম্পোনেন্টে চাইল্ড প্রপ হিসেবে পাঠানো হবে।
প্রপের সাথে কাজ করার জন্য প্রতিক্রিয়া API-তে উপলব্ধ কয়েকটি পদ্ধতি নীচে তালিকাভুক্ত করা হয়েছে:
শিশুদের প্রপ উদাহরণ
|_+_|51. বিক্রিয়ায় খন্ডগুলো কি?
প্রতিক্রিয়ার খণ্ডগুলি হল সাধারণ নিদর্শন যা একাধিক মান ফেরাতে একটি উপাদানের জন্য ব্যবহৃত হয়। টুকরোগুলো আমাদের DOM-এ অতিরিক্ত নোড যোগ না করে শিশুদের একটি তালিকা গ্রুপ করতে সাহায্য করে।
52. আপনি কি আমাদের প্রতিক্রিয়াতে পোর্টাল সম্পর্কে বলতে পারেন?
প্রতিক্রিয়ার পোর্টালগুলিকে অভিভাবক উপাদানের DOM অনুক্রমের বাইরে একটি DOM নোডে বাচ্চাদের রেন্ডার করার পরামর্শ দেওয়া হয়।
বাক্য গঠন:
ReactDOM.createPortal(শিশু, ধারক)
53. আপনি কি প্রতিক্রিয়া v16-এ ত্রুটির সীমানা ব্যাখ্যা করতে পারেন?
প্রতিক্রিয়ার ত্রুটির সীমানাগুলি এমন উপাদান যা চাইল্ড কম্পোনেন্ট ট্রিতে জাভাস্ক্রিপ্ট ত্রুটিগুলি ধরতে, সেই ত্রুটিগুলি লগ করতে এবং ক্র্যাশ হওয়া উপাদান গাছের পরিবর্তে একটি ফলব্যাক ব্যবহারকারী ইন্টারফেস প্রদর্শন করতে ব্যবহৃত হয়।
54. আপনি React-DOM প্যাকেজের ব্যবহার ব্যাখ্যা করতে পারেন?
প্যাকেজটি DOM-নির্দিষ্ট পদ্ধতি সরবরাহ করে যা একটি অ্যাপের শীর্ষ স্তরে ব্যবহৃত হয়। প্যাকেজের কিছু পদ্ধতি নীচে তালিকাভুক্ত করা হল:
55. ReactDOMServer ব্যাখ্যা কর?
ReactDOMServer অবজেক্ট আমাদের স্ট্যাটিক মার্কআপে উপাদান রেন্ডার করতে দেয়। ReactDOMServer প্রধানত সার্ভার-সাইড রেন্ডারিংয়ের জন্য ব্যবহৃত হয়।
নীচের উল্লিখিত পদ্ধতিগুলি সার্ভার এবং ব্রাউজার উভয় পরিবেশের জন্য ব্যবহার করা যেতে পারে।
56. আপনি কি ব্যাখ্যা করতে পারেন কিভাবে রিঅ্যাক্টে প্রোডাকশন মোড চালু করতে হয়?
উৎপাদনে NODE-ENV সেট করার জন্য আমাদের ওয়েবপ্যাকগুলির ডিফাইনপ্লাগইন পদ্ধতি ব্যবহার করতে হবে, যেখানে এটি অতিরিক্ত সতর্কতা এবং পপ যাচাইকরণের মতো জিনিসগুলি সরিয়ে দেয়।
57. মাউন্ট করার ক্ষেত্রে জীবনচক্র পদ্ধতির আদেশ ব্যাখ্যা কর?
জীবনচক্র পদ্ধতিগুলিকে নীচের উল্লিখিত ক্রমে আহ্বান করা হয়েছে:
58. আপনি একটি উপাদান ক্লাসে পদ্ধতির সুপারিশকৃত ক্রম ব্যাখ্যা করতে পারেন?
মাউন্টিং থেকে রেন্ডার স্টেজ পর্যন্ত পদ্ধতির সাজেস্ট করা নিচে উল্লেখ করা হল:
59. প্রতিক্রিয়া মিক্সিন ব্যাখ্যা কর?
প্রতিক্রিয়ার মিক্সিনগুলি সাধারণ কার্যকারিতা পাওয়ার জন্য উপাদানগুলিকে সম্পূর্ণ আলাদা করতে ব্যবহৃত হয়। PureRenderMixin হল সবচেয়ে বেশি ব্যবহৃত মিক্সিনগুলির মধ্যে একটি। যখন স্টেট এবং প্রপ আগের স্টেট এবং প্রপের সমান হয় তখন আমরা অপ্রয়োজনীয় রি-রেন্ডারিং প্রতিরোধ করতে কিছু উপাদানে এটি ব্যবহার করি।
60. প্রতিক্রিয়াতে সমর্থিত পয়েন্টার-ইভেন্টগুলির নাম বলুন?
প্রতিক্রিয়ার পয়েন্টার ইভেন্টগুলি সমস্ত ইনপুট ইভেন্টগুলি পরিচালনা করার জন্য একটি ঐক্যবদ্ধ উপায় প্রদান করে।
নিম্নলিখিত ইভেন্টগুলি প্রতিক্রিয়াতে সমর্থিত:
আপনার প্রতিক্রিয়া সাক্ষাত্কারের জন্য সৌভাগ্য কামনা করছি, এবং আমরা আশা করি আমাদের প্রতিক্রিয়া সাক্ষাৎকার প্রশ্ন এবং উত্তরগুলি আপনাকে কিছুটা সাহায্য করেছে। এছাড়াও আপনি আমাদের চেক আউট করতে পারেন SVN ইন্টারভিউ প্রশ্ন এবং উত্তর , যা আপনাকে সাহায্য করতে পারে।