শীর্ষ 50টি অবশ্যই জানতে হবে প্রতিক্রিয়া ইন্টারভিউ প্রশ্ন এবং উত্তর

ReactJS ডেভেলপারদের খুব বেশি খোঁজ করা হয় এবং এর একটা ভালো কারণ আছে। কিন্তু কাজ পেতে হলে ফ্রেমওয়ার্কে আপনার দক্ষতা প্রমাণ করতে হবে।

নিম্নলিখিতগুলি প্রায়শই জিজ্ঞাসা করা হয় প্রতিক্রিয়া বিকাশের প্রশ্ন এবং তাদের উত্তর যা আপনার সচেতন হওয়া উচিত। এতে বেসিক থেকে শুরু করে আরও উন্নত বিষয় সবই রয়েছে।

1. প্রতিক্রিয়া কি?

রিঅ্যাক্ট হল ইউজার ইন্টারফেস ডেভেলপমেন্টের জন্য একটি ফ্রি এবং ওপেন-সোর্স জাভাস্ক্রিপ্ট লাইব্রেরি, যা একক-পৃষ্ঠার অ্যাপ্লিকেশনের জন্য আউটপুট তৈরি করতে উপাদান ব্যবহার করে। রিঅ্যাক্ট ফেসবুক (মেটা) দ্বারা তৈরি করা হয়েছে এবং একটি ডেভেলপার সম্প্রদায় দ্বারা রক্ষণাবেক্ষণ করা হয়।

2. প্রতিক্রিয়ার গুরুত্বপূর্ণ বৈশিষ্ট্যগুলি তালিকাভুক্ত করুন

প্রতিক্রিয়ার সবচেয়ে গুরুত্বপূর্ণ বৈশিষ্ট্যগুলির মধ্যে রয়েছে:

1. ব্যবহারে সহজ
2. দ্রুত উন্নয়ন
3. উপাদান ব্যবহার
4. JSX
5. ভার্চুয়াল DOM
6. উচ্চ কার্যকারিতা
7. একমুখী ডেটা বাইন্ডিং

3. React এর প্রজেক্ট রিপোজিটরি কোথায়?

রিঅ্যাক্ট হল একটি মনো-রিপোজিটরি যা বাস করে https://github.com/facebook/react. একটি মোনো-রিপোজিটরি হওয়ার অর্থ হল এর সমস্ত কোড এবং অন্যান্য উত্সগুলি সহজ বিকাশ এবং পরিচালনার জন্য একই জায়গায় সংরক্ষণ করা হয়।

4. প্রতিক্রিয়া এর বর্তমান স্থিতিশীল সংস্করণ কি?

14 জুন, 2022 থেকে প্রতিক্রিয়ার সবচেয়ে বর্তমান স্থিতিশীল সংস্করণ হল 18.2.0।

5. রিঅ্যাক্ট নেটিভ এবং রিঅ্যাক্টজেএস-এর মধ্যে পার্থক্য বলুন

রিঅ্যাক্ট এবং রিঅ্যাক্টজেএস একই, যখন রিঅ্যাক্ট নেটিভ রিঅ্যাক্টের উপর নির্মিত। তাদের পার্থক্যের জন্য, প্রতিক্রিয়া ওয়েব অ্যাপ্লিকেশনগুলির জন্য গতিশীল এবং প্রতিক্রিয়াশীল ব্যবহারকারী ইন্টারফেস তৈরিতে ব্যবহৃত হয়, যখন প্রতিক্রিয়া নেটিভ অ্যাপ্লিকেশনগুলিকে মোবাইল অ্যাপ্লিকেশন হিসাবে তৈরি করার জন্য ডিজাইন করা হয়েছে।

6. একটি উপাদান এবং একটি উপাদান মধ্যে পার্থক্য কি?

একটি প্রতিক্রিয়া উপাদান হল একটি সাধারণ এবং অপরিবর্তনীয় বস্তু যা একটি DOM নোডকে উপস্থাপন করার জন্য তৈরি করা হয়েছে। অপরিবর্তনীয় হওয়ার অর্থ হল এটি তৈরি হয়ে গেলে এটি পরিবর্তন করা যাবে না, কারণ এটি DOM-এ রেন্ডার করে। একটি প্রতিক্রিয়া উপাদান, অন্যদিকে, পরিবর্তনযোগ্য এবং একবার রেন্ডার করা হলে JSX আউটপুট তৈরি করে।

7. আপনি কিভাবে একটি উপাদান তৈরি করবেন?

প্রতিক্রিয়ায় একটি উপাদান তৈরি করার দুটি উপায় রয়েছে: 1.) ফাংশন উপাদান এবং 2.) শ্রেণি উপাদান। নামগুলি থেকে বোঝা যায়, একটি ফাংশন কম্পোনেন্ট একটি ফাংশন ঘোষণা ব্যবহার করে তৈরি করা হয়, যখন একটি ক্লাস কম্পোনেন্ট একটি ক্লাস ঘোষণা ব্যবহার করে তৈরি করা হয়।

//function component
function Hello({ message }) {
  return <h1>{`Function hello, ${message}`}</h1>

}
//class component
class Hello extends React.Component {
  render() {
    return <h1>{`Class hello, ${this.props.message}`}</h1>
  }
}

8. একটি প্রতিক্রিয়া উপাদানের 4 টি পর্যায় তালিকাভুক্ত করুন

একটি প্রতিক্রিয়া উপাদান তার জীবনচক্রে নিম্নলিখিত 4টি পর্যায় অতিক্রম করে:

1. প্রাথমিক অবস্থা - প্রাথমিক প্রপস সহ ডিফল্ট অবস্থায় উপাদান নির্মাণ
2. মাউন্টিং ফেজ - কম্পোনেন্টের JSX রেন্ডারিং
3. ফেজ আপডেট করা হচ্ছে - উপাদান অবস্থা পরিবর্তন এবং অ্যাপ্লিকেশন পুনরায় অঙ্কন
4. আনমাউন্টিং ফেজ - DOM থেকে উপাদান অপসারণ

9. একটি উচ্চ-ক্রম উপাদান মানে কি ব্যাখ্যা করুন

একটি উচ্চ-ক্রম উপাদান (HOC) উপাদান তৈরির জন্য একটি প্রতিক্রিয়া পদ্ধতি। এটি অতিরিক্ত কার্যকারিতা সহ একটি নতুন তৈরি করতে একটি বিদ্যমান উপাদান ব্যবহার করে। অন্য কথায়, একটি এইচওসি এমন একটি ফাংশন যা একটি উপাদানকে একটি যুক্তি হিসাবে নেয় এবং যুক্ত বৈশিষ্ট্যগুলির সাথে একটি নতুন উপাদান প্রদান করে।

10. নিয়ন্ত্রিত এবং অনিয়ন্ত্রিত উপাদান কি?

একটি নিয়ন্ত্রিত উপাদান হল একটি প্রতিক্রিয়া উপাদান যা প্রপসের মাধ্যমে এর মান গ্রহণ করে এবং কলব্যাকের মাধ্যমে যে কোনও পরিবর্তনের সিস্টেমকে অবহিত করে। এটি একটি অভিভাবক উপাদান দ্বারা নিয়ন্ত্রিত হয় যা এটি পরিচালনা করে অবস্থা এবং নিয়ন্ত্রিত উপাদানে প্রপস হিসাবে মানগুলিকে পাস করে। একটি অনিয়ন্ত্রিত উপাদান, অন্যদিকে, তার অবস্থা পরিচালনা করে, এবং আপনাকে জিজ্ঞাসা করতে হবে করে DOM ব্যবহার সুত্র এর মূল্য পেতে।

11. বিক্রিয়ায় প্রপস কি?

প্রপস ইন রিঅ্যাক্ট হল প্রোপার্টি বলার একটি সহজ উপায় এবং এর দ্বারা আপনি একটি উপাদানের বৈশিষ্ট্য উল্লেখ করছেন। প্রপগুলি একটি পিতামাতার উপাদান থেকে এক বা একাধিক শিশু উপাদানে ডেটা প্রেরণ করতে ব্যবহৃত হয় এবং সেগুলি কেবলমাত্র শিশু উপাদানগুলিতে পঠিত হয়৷

12. props.children কি?

Props.children অ্যাট্রিবিউটে একটি ওপেনিং এবং ক্লোজিং ট্যাগ আছে এমন একটি উপাদানের সমস্ত বিষয়বস্তুর তথ্য রয়েছে। এই শিশুরা বর্তমান উপাদানের ভিতরে সংজ্ঞায়িত সমস্ত উপাদানকে উল্লেখ করে এবং এক, অনেক বা কোনোটিই হতে পারে।

13. আপনি কি প্রতিক্রিয়াতে প্রপস আপডেট করতে পারেন?

না, রিঅ্যাক্টে প্রপস টপ-ডাউন এবং অপরিবর্তনীয়। এর মানে হল যে একটি উপাদান তার সন্তানদের কাছে তার পছন্দের যে কোনো বৈশিষ্ট্য পাঠাতে পারে, কিন্তু এটি তার প্রপস আপডেট করতে পারে না। শুধুমাত্র এর অভিভাবক এর প্রপস আপডেট করতে পারেন।

14. JSX কি?

JSX মানে JavaScript XML। এটি একটি জাভাস্ক্রিপ্ট সিনট্যাক্স এক্সটেনশন যা প্রতিক্রিয়া কোডের ভিতরে এইচটিএমএল লেখা সম্ভব করে তোলে। ব্রাউজারটি যাইহোক JSX বোঝে না, তাই রিঅ্যাক্টকে এটি পাঠযোগ্য HTML কোডে রেন্ডার করতে হবে।

15. একটি উপাদান এবং একটি উপাদান মধ্যে পার্থক্য কি

একটি উপাদান একটি ভার্চুয়াল DOM নোডের একটি রাষ্ট্রহীন এবং অপরিবর্তনীয় সংজ্ঞা। এটিতে একটি প্রকার এবং সম্পত্তি উভয়ই রয়েছে, তবে উপাদানগুলির মতো কোনও পদ্ধতি নেই। পদ্ধতির এই অভাব এটি দ্রুত করে তোলে।

16. বিক্রিয়ায় রাষ্ট্র কী?

প্রতিক্রিয়াতে একটি রাষ্ট্র একটি উপাদানের অন্তর্নির্মিত বস্তুকে বোঝায় যা সেই উপাদান সম্পর্কে তথ্য ধরে রাখতে এবং পরিচালনা করতে ব্যবহৃত হয়। একটি রাষ্ট্র সময়ের সাথে সাথে পরিবর্তিত হতে পারে, এবং এইভাবে সেই উপাদানটির পুনরায় রেন্ডারিং ট্রিগার করবে। আপনাকে কম্পোনেন্টের কনস্ট্রাক্টর পদ্ধতিতে স্টেট ডিফাইন করতে হবে, অন্যথায় কম্পোনেন্ট স্টেটলেস হয়ে যাবে।

17. একটি রাষ্ট্রহীন উপাদান কি?

একটি রাষ্ট্রহীন প্রতিক্রিয়া উপাদান একটি রাষ্ট্র নেই. এর মানে হল যে আপনি এর সাথে এর অবস্থা সেট করতে পারবেন না this.setState() পদ্ধতি বা এটা রেন্ডার আছে. একটি রাষ্ট্রহীন উপাদান যদিও প্রপস থাকতে পারে.

18. আপনি কিভাবে প্রতিক্রিয়া একটি রাষ্ট্র আপডেট করবেন

আপনি কল করে একটি উপাদানের অবস্থা আপডেট করুন this.setState() পদ্ধতি।

19. প্রতিক্রিয়ার কঠোর মোড ব্যাখ্যা করুন

প্রতিক্রিয়ার কঠোর মোড হল একটি টুল যা বিকাশকারীকে উপাদানগুলিতে গভীর-স্তরের চেক সক্রিয় করে এবং আরও সতর্কতা হাইলাইট করে অ্যাপ্লিকেশনে সম্ভাব্য সমস্যাগুলি আবিষ্কার করতে সহায়তা করে৷ কঠোর মোড শুধুমাত্র উন্নয়ন মোডে উপলব্ধ.

20. প্রতিক্রিয়ায় স্টেট আপ উত্তোলনের অর্থ কী?

এর অর্থ হল শিশু উপাদানগুলিকে তাদের পিতামাতার কাছ থেকে একটি সাধারণ অবস্থা ভাগ করে নেওয়ার অনুমতি দেওয়া, কারণ এটি প্রতিটি শিশু উপাদানের জন্য পৃথকভাবে সাধারণ অবস্থা পরিচালনা করার চেয়ে এটি পরিচালনা করা সহজ করে তোলে।

21. আপনি কীভাবে প্রতিক্রিয়াতে ডেটা পাস করবেন?

আপনি প্রপস এবং কলব্যাক ব্যবহার করে প্রতিক্রিয়াতে ডেটা পাস করেন। রিঅ্যাক্টের প্রপগুলি একমুখী, বৈশিষ্ট্যগুলি শুধুমাত্র পিতামাতার উপাদান থেকে তাদের সন্তানদের কাছে যেতে দেয়। একটি শিশু উপাদান থেকে পিতামাতার কাছে ডেটা প্রেরণ করতে, আপনাকে একটি কলব্যাক ফাংশন ব্যবহার করতে হবে।

22. সংজ্ঞা দিন প্রবাহ প্রতিক্রিয়া

ফ্লাক্স একটি অ্যাপ্লিকেশনে ডেটা প্রবাহকে নির্দেশ করার জন্য একটি একমুখী ধারণা। একমুখী হওয়ার অর্থ হল ডেটা শুধুমাত্র পিতামাতার কাছ থেকে শিশুদের উপাদানগুলিতে যেতে পারে। ফ্লাক্স অ্যাপ প্রতি একাধিক ডেটা স্টোরও অন্তর্ভুক্ত করতে পারে।

23. সংজ্ঞা দিন Redux প্রতিক্রিয়া

Redux একটি অ্যাপ্লিকেশনে জটিল অবস্থা পরিচালনার জন্য একটি সহায়ক ওপেন-সোর্স জাভাস্ক্রিপ্ট লাইব্রেরি। এটি স্বাধীন এবং অন্যান্য ফ্রেমওয়ার্ক যেমন অ্যাঙ্গুলারে ব্যবহার করা যেতে পারে। Flux এর বিপরীতে, Redux একটি অ্যাপ্লিকেশনের স্টেট ম্যানেজমেন্টকে কেন্দ্রীভূত করে, যার ফলে জটিল UI তৈরি করা সহজ হয়।

24. আপনার কখন Redux ব্যবহার করা উচিত?

সব অ্যাপের Redux প্রয়োজন হয় না। তবে এটি নিম্নলিখিত পরিস্থিতিতে সহায়ক:

1. যখন আপনার অ্যাপে প্রচুর পরিমাণে অ্যাপ্লিকেশন স্টেট থাকে
2. যখন আপনার অ্যাপের যুক্তি জটিল
3. যখন আপনার অ্যাপের একটি বড় কোডবেস থাকে
4. যখন আপনাকে ঘন ঘন অ্যাপ আপডেট করতে হবে
5. আপনি যখন অ্যাপটিতে অনেক লোক কাজ করছেন

25. Redux এবং Flux এর মধ্যে প্রধান পার্থক্য কি?

দুটির মধ্যে প্রধান পার্থক্য হল Redux একটি একক স্টোর থেকে সমস্ত অ্যাপ্লিকেশন ডেটা পরিচালনা করে, যখন আপনি Flux-এর অধীনে একাধিক স্টোর থাকতে পারেন।

26. Redux এর উপাদানগুলির তালিকা করুন

Redux এর 4 টি প্রধান অংশ রয়েছে:

1. স্টোর - এখানে আপনি অ্যাপ্লিকেশন অবস্থা সংরক্ষণ করুন.
2. কর্ম - এগুলি এমন ইভেন্ট যা অ্যাপটিকে রেডাক্স স্টোরে ডেটা পাঠাতে দেয়।
3. reducer - এটি একটি ফাংশন যা বর্তমান অ্যাপের অবস্থা এবং একটি ক্রিয়াকে আর্গুমেন্ট হিসাবে গ্রহণ করে, তারপর ফলাফল হিসাবে একটি নতুন অবস্থা প্রদান করে।
4. মিডলওয়্যার - এই বৈশিষ্ট্যটি একটি বিকাশকারীকে একটি উপাদান থেকে সমস্ত অ্যাকশনগুলিকে রিডুসার ফাংশনে পৌঁছানোর আগে ক্যাপচার করতে দেয়৷

27. প্রতিক্রিয়া হুক কি?

প্রতিক্রিয়া হুক হল ফাংশন উপাদানগুলির একটি বৈশিষ্ট্য যা আপনাকে বিভিন্ন প্রতিক্রিয়া বৈশিষ্ট্যগুলিতে অ্যাক্সেস করতে দেয়, যেমন স্টেট ডেটা এবং রেন্ডারিং আপডেট। এটি React 16.8 এ চালু করা হয়েছিল।

28. বিক্রিয়াতে হুকের ধরন তালিকাভুক্ত করুন

রিঅ্যাক্টে 15+ হুক আছে, ইউজস্টেট, ইউজ ইফেক্ট এবং ইউজ কনটেক্সট থেকে শুরু করে ইউজকলব্যাক, ইউজরিডুসার, ইউজমেমো, ইউজাররেফ ইত্যাদির মতো অতিরিক্ত হুক।

29. টুকরা কি?

ডিওএম-এ যোগ না করেই একটি কম্পোনেন্টে একাধিক চাইল্ড এলিমেন্টকে গ্রুপ করার একটি সুবিধাজনক উপায় হল রিঅ্যাক্ট ফ্র্যাগমেন্ট। আপনি কেবল ব্যবহার করে ট্যাগ সংজ্ঞায়িত করুন:

<>

or

এবং ভিতরে আপনি চান সব চাইল্ড উপাদান লোড. শুধুমাত্র পার্থক্য হল শর্ট-হ্যান্ড সংস্করণ <> কী এবং বৈশিষ্ট্যগুলি গ্রহণ করে না, যখন দীর্ঘ সংস্করণটি করে।

30. প্রতিক্রিয়া-ডম প্যাকেজের প্রধান পদ্ধতিগুলি তালিকাভুক্ত করুন

এগুলি হল CreatePortal() বাচ্চাদের একটি বাহ্যিক DOM এ রেন্ডার করার জন্য এবং ফ্লাশ সিঙ্ক() আপডেট করার জন্য। এছাড়াও রেন্ডার() এবং হাইড্রেট() পদ্ধতি রয়েছে, যেগুলি রিঅ্যাক্ট 18 থেকে createRoot() এবং hydrateRoot() দ্বারা প্রতিস্থাপিত হয়েছে।

31. প্রতিক্রিয়া কী কী?

কীগুলি অনন্য শনাক্তকারী যা তালিকাগুলি পরিচালনা করতে সবচেয়ে ভাল ব্যবহার করা হয়। কীগুলি একটি তালিকার পৃথক আইটেমগুলি সনাক্ত করা এবং প্রতিটি আইটেম কখন আপডেট, মুছে বা পরিবর্তন করা হয়েছে তা জানা সহজ করে তোলে।

32. কেন প্রতিক্রিয়া কী গুরুত্বপূর্ণ?

কীগুলি প্রতিক্রিয়াতে গুরুত্বপূর্ণ কারণ এটি প্রকৃত DOM এর দক্ষ রেন্ডারিংয়ে সহায়তা করে। প্রতিক্রিয়া ভাল কারণ এটি একটি ইভেন্টের পরে কোন উপাদানগুলিকে পুনরায় রেন্ডার করে তা কমানোর চেষ্টা করে এবং একটি তালিকায় কী ব্যবহার করে প্রতিক্রিয়াটিকে সম্পূর্ণ তালিকাগুলি পুনরায় রেন্ডার করতে বাধা দেয়, যা বড় তালিকার সাথে সমস্যা হতে পারে।

33. প্রতিক্রিয়া একটি ঘটনা কি?

একটি ইভেন্ট হল একটি অ্যাপের যেকোনো ক্রিয়া যা ব্যবহারকারী বা সিস্টেম থেকে আসে। একটি ইভেন্ট মোবাইল ডিভাইসে মাউস ক্লিক বা ট্যাপ থেকে শুরু করে উইন্ডোর আকার পরিবর্তন, কী প্রেস, টেনে আনা, ফোকাস ইত্যাদি পর্যন্ত হতে পারে।

34. কি ব্যাখ্যা কর সিন্থেটিক ইভেন্ট পদ্ধতি

একটি সিন্থেটিক ইভেন্ট হল একটি ব্রাউজারের নেটিভ ইভেন্টগুলির চারপাশে একটি মোড়ক, সমস্যাটি হল যে বিভিন্ন ব্রাউজার তাদের ইভেন্টগুলিকে আলাদাভাবে নাম দেয়। সেখানে বিভিন্ন ব্রাউজারগুলির জন্য একাধিক বাস্তবায়ন এবং পদ্ধতি তৈরি করার সমস্যা এড়াতে প্রতিক্রিয়া সিন্থেটিক ইভেন্ট ব্যবহার করে। এইভাবে, প্রতিক্রিয়া একটি ইউনিফাইড এপিআই হিসাবে সমস্ত বিভিন্ন ব্রাউজার ইভেন্টের জন্য সাধারণ নাম বজায় রাখে।

35. ওয়েবপ্যাক কি?

ওয়েবপ্যাক হল একটি মডিউল বান্ডলিং সিস্টেম যা জাভাস্ক্রিপ্ট এবং CSS ফাইলগুলিকে একত্রিত করতে এবং ছোট করতে ব্যবহৃত হয়। এটি Node.js-এ নির্মিত এবং প্রচুর সংখ্যক ফাইল বা নন-কোড সম্পদ যেমন ছবি এবং ফন্টের সাথে কাজ করার সময় সহায়ক।

36. Create-react-app কি?

Create-react-app একটি টুল যা আপনাকে আপনার Node.js পরিবেশে একটি একক-পৃষ্ঠার প্রতিক্রিয়া অ্যাপ্লিকেশন তৈরি করতে সাহায্য করে। এটি সমস্ত ফাইল এবং ফোল্ডার তৈরি করে যা আপনাকে একটি বেসিক অ্যাপ শুরু করার জন্য প্রয়োজন এবং আপনি সেখান থেকে এটি গ্রহণ করেন। এর জন্য নোড সংস্করণ 14.0.0 উপরের দিকে এবং ver থেকে npm প্রয়োজন। 5.6।

ব্যবহার সহজ:

npx create-react-app myNewApp

cd myNewApp

এনপিএম শুরু

37. আপনি কি প্রতিক্রিয়া সহ সার্ভার সাইড রেন্ডার করতে পারেন?

হ্যাঁ, আপনি পারবেন, যদিও এটি বৃহৎ প্রকল্পগুলির জন্য রিসোর্স-নিবিড় হতে পারে। সার্ভার-সাইড রেন্ডারিং সহায়ক কারণ এটি ব্যবহারকারীর অভিজ্ঞতা এবং SEO উন্নত করে। আপনার একটি Node.js পরিবেশ, ওয়েবপ্যাকের মতো একটি বান্ডলার এবং এর মতো একটি ফ্রেমওয়ার্কের প্রয়োজন হবে। পরবর্তী.js এবং রিমিক্স রানটাইমে React অ্যাপ রেন্ডার করার জন্য। নিবিড় রিসোর্স ব্যবহারের একটি সমাধান হল একটি স্ট্যাটিক সাইট জেনারেটর ব্যবহার করা, যেমন Next.js-ভিত্তিক গ্যাটসবি.

38. একটি তীর ফাংশন কি করে ব্যাখ্যা করুন

একটি তীর ফাংশন ফাংশন সংজ্ঞায়িত করার একটি ছোট উপায়। এটি একটি ES6 শর্টহ্যান্ড যা প্রতিস্থাপন করে:

= ফাংশন() সঙ্গে ()=>.

এই ক্ষেত্রে:

পরীক্ষা = ফাংশন(){

ফিরে যান "এটি একটি পরীক্ষা";

}

তারপর হয়:

পরীক্ষা = () => {

ফিরে যান "এটি একটি পরীক্ষা";

}

অথবা একক-লাইন বিবৃতির জন্য:

পরীক্ষা = () => "এটি একটি পরীক্ষা";

১১) ক প্রতিক্রিয়া রাউটার?

রিঅ্যাক্ট রাউটার হল একটি লাইব্রেরি যা একটি রিঅ্যাক্ট অ্যাপে রাউটিং কার্যকারিতা প্রদান করে। এটি সমৃদ্ধ নেভিগেশনাল উপাদানগুলি অন্তর্ভুক্ত করা এবং ব্যবহার করা সহজ করে তোলে, যা বড় বা জটিল প্রকল্পগুলির জন্য খুব সহায়ক হতে পারে।

40. রিঅ্যাক্ট রাউটার ব্যবহার করার প্রধান সুবিধা কি কি?

এটি আপনার অ্যাপের জন্য বিভিন্ন url পাথ তৈরি করে এবং window.location মান এবং একটি ইতিহাস অবজেক্ট প্রদান করে।

41. ComponentWillUnmount() কি?

এটি একটি উপাদান পদ্ধতি যা বলা হয় যখনই প্রতিক্রিয়া উপাদানটি ধ্বংস করতে চলেছে। জিনিসপত্র পরিষ্কার করার, টাইমার পরিষ্কার করার, নেটওয়ার্ক অনুরোধগুলি বাতিল করার এবং অন্যান্য গুরুত্বপূর্ণ ডিনিটিয়ালাইজেশন সমস্যাগুলি পরিচালনা করার জন্য এটি একটি চমৎকার জায়গা।

42. কনস্ট্রাক্টর() কি?

কন্সট্রাক্টর হল কম্পোনেন্টের পদ্ধতি যা কম্পোনেন্টের ইনিশিয়ালাইজেশনের সময় কল করা হয়। এটি সাধারণত স্থানীয় রাজ্যের সূচনা করার জন্য এবং ইভেন্ট হ্যান্ডলার পদ্ধতিগুলিকে বাঁধাই করার জন্য ব্যবহৃত হয়।

43. ভার্চুয়াল DOM কি?

প্রতিক্রিয়ার ভার্চুয়াল DOM হল প্রকৃত HTML নথির DOM-এর একটি হালকা কপি। এটি বাস্তব DOM-এ দক্ষ পরিচালনা এবং পরিবর্তনের আপডেটের জন্য ব্যবহৃত হয়।

44. বাস্তব DOM-এর তুলনায় ভার্চুয়াল DOM-এর সুবিধাগুলি কী কী?

ভার্চুয়াল DOM বাস্তব DOM-এর তুলনায় হালকা এবং দ্রুত রেন্ডার করার জন্য, এবং এটি প্রথমে ভার্চুয়াল DOM-এ রেন্ডার করা আরও দক্ষ করে তোলে এবং শুধুমাত্র প্রয়োজন হলেই প্রকৃত DOM-এ পরিবর্তন করা যায়। বাস্তব DOM-এর প্রতিটি নোডের ভার্চুয়াল DOM-এ একটি সংশ্লিষ্ট কম্পোনেন্ট থাকে এবং রেন্ডারিং করার পর ভার্চুয়াল কম্পোনেন্টে পরিবর্তন হলে, রিঅ্যাক্ট ঠিকই জানে যে কোন বাস্তব এইচটিএমএল নোড আপডেট বা মুছে ফেলতে হবে।

45. শব্দটি ব্যাখ্যা কর পুনর্মিলন প্রতিক্রিয়া

রিকনসিলিয়েশন হল রিঅ্যাক্টের পদ্ধতি যা প্রয়োজন হলেই বাস্তব DOM আপডেট করে, ভার্চুয়াল DOM-এর হালনাগাদ সংস্করণগুলি ডিফিংয়ের মাধ্যমে চেক করে এবং শুধুমাত্র আসল DOM-এ পরিবর্তিত সঠিক নোডগুলি আপডেট করে।

46. শব্দটি ব্যাখ্যা কর প্রোফাইলার প্রতিক্রিয়া

প্রোফাইলার হল একটি রিঅ্যাক্ট টুল যা একটি অ্যাপ্লিকেশন কতবার রেন্ডার করে এবং প্রতিটি উপাদান রেন্ডার করতে কতক্ষণ সময় নেয় তা পরিমাপ করে একটি অ্যাপকে অপ্টিমাইজ করতে সাহায্য করে। এটি বিকাশকারীকে অ্যাপ্লিকেশনের অংশগুলি সনাক্ত করতে সহায়তা করে যেগুলির অপ্টিমাইজেশনের প্রয়োজন হতে পারে৷

47. শব্দটি ব্যাখ্যা কর প্রসঙ্গ প্রতিক্রিয়া

প্রপস ব্যবহার করে প্রতিটি নেস্টিং স্তরের মাধ্যমে ডেটা পাস না করে অনেক স্তরে প্রতিক্রিয়া উপাদানগুলির মধ্যে ডেটা পাস করার একটি পদ্ধতি হল প্রসঙ্গ৷ থিম তথ্য এবং ব্যবহারকারীর ডেটার মতো ধ্রুবক আপডেটের প্রয়োজন হয় না এমন অনেক উপাদানের সাথে সহজে ডেটা ভাগ করে নেওয়ার জন্য এটি সবচেয়ে ভাল ব্যবহার করা হয়। এর নেতিবাচক দিক হল এটি উপাদান পুনঃব্যবহারকে কঠিন করে তুলতে পারে।

48. শব্দটি ব্যাখ্যা কর পটভূমি প্রতিক্রিয়া

প্রতিক্রিয়ায় মাউন্টিং হল DOM-এ নোড হিসাবে একটি উপাদান সংযুক্ত করার প্রক্রিয়া। আন-মাউন্টিং এর বিপরীত।

49. শব্দটি ব্যাখ্যা কর রেন্ডারিং প্রতিক্রিয়া

রেন্ডারিং হল একটি উপাদান আঁকার প্রক্রিয়া। এটি সাধারণত ঘটে যখন উপাদানটির অবস্থা পরিবর্তিত হয় এবং প্রতিক্রিয়াকে UI পুনরায় আঁকতে হয়। যদি রেন্ডারিংয়ের সময় একটি উপাদান পুনরায় আঁকা হয়, তবে এর চাইল্ড উপাদানগুলিও পুনরায় আঁকা হয়।

50. শব্দটি ব্যাখ্যা কর ত্রুটি সীমানা প্রতিক্রিয়া

ত্রুটির সীমানা এমন একটি প্রতিক্রিয়া উপাদানকে বোঝায় যা তার চাইল্ড কম্পোনেন্ট থেকে জাভাস্ক্রিপ্ট ত্রুটিগুলি ক্যাচ করে, ত্রুটিগুলি লগ করে এবং ক্র্যাশ হওয়া নোডগুলির জায়গায় একটি ফলব্যাক UI প্রদর্শন করে৷ প্রতিক্রিয়া 16-এ ত্রুটির সীমানা চালু করা হয়েছিল।

উপসংহার

আমরা শীর্ষ 50টি অবশ্যই জানা-জানা প্রতিক্রিয়া ইন্টারভিউ প্রশ্নগুলির এই তালিকার শেষে পৌঁছেছি এবং আশা করি আপনি এখন পর্যন্ত কী আশা করতে পারেন সে সম্পর্কে আপনার ভাল ধারণা থাকা উচিত।

আপনার এটাও মনে রাখা উচিত যে কিছুই একই রকম থাকে না এবং আপনার ইন্টারভিউ যে কোন দিকনির্দেশনা নিতে পারে তাই, আপনার অধ্যয়ন চালিয়ে যাওয়া এবং আপ টু ডেট থাকা উচিত।