Q:What is a context api?

Ans:আমরা রিঅ্যাক্ট এ সাধারণত একটা কম্পোনেন্ট থেকে আরেকটা কম্পোনেন্ট এ ডাটা সেন্ড করি। সেক্ষেত্রে একটা কম্পোনেন্ট এর ডাটা আরেকটা চাইল্ড কম্পোনেন্ট এ props হিসাবে পাঠাতে হয়। অনেকসময় আমাদের মেইন কম্পোনেন্ট যেখানে ডাটা রয়েছে সেখান থেকে চাইল্ড কম্পোনেন্ট অনেক লেভেল নিচে থাকে। তখন props drilling করে ডাটা পাঠাতে অনেক অসুবিধা হয়। এই অসুবিধা থেকে বাঁচার জন্য আমরা context api ব্যবহার করি। React.createContext() এটি Provider এবং consumer return করে। প্যারেন্ট component যে ডাটা provide করবে সেটি value মধ্যে দিয়ে দেয়। তখন যেকোন চাইল্ড সে ডাটা ইউজ করতে পারে।

Q:What is semantic tag?

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

Q:What is the difference between inline block and inline-block??

Ans:

inline element একটি নতুন লাইনে শুরু হয় না এবং কেবলমাত্র এটির প্রয়োজন width দখল করে। inline element এর height width সেট করতে পারবেন না।

blockelement একটি নতুন লাইনে শুরু হবে এবং পুরো width দখল করবে। এবং আপনি height width সেট করতে পারেন।

inline-block এটি inline element এর মতো format করা হয়েছে, যেখানে এটি একটি নতুন লাইনে শুরু হয় না। কিন্তু, আপনি height width সেট করতে পারেন।