𝐇𝐲𝐝𝐫𝐚 𝐒𝐜𝐫𝐢𝐩𝐭

ক্লাস কম্পোনেন্টঃ
ক্লাস কম্পোনেন্ট আসলে জাভাস্ক্রিপ্ট এর ক্লাসইঃ

class MyClassComponent {
...
}
কিন্তু শুধুমাত্র এই ক্লাস আসলে কিন্তু স্রেফ জাভাস্ক্রিপ্ট এর ক্লাসই। আমরা এই ক্লাস দিয়ে আমাদের ডমে বিভিন্ন অ্যাকশন নিবো, আবার সেই সাথে আমরা ডমেও কিছু প্রদর্শন করাতে চাই। আমরা রিঅ্যাক্ট এর ফাংশানালিটিও এখানে অ্যাক্সেস করতে চাই। আর তাই আমাদের React এর প্যাকেজ থেকে Component এক্সটেন্ড করতে হবে আমাদের তৈরী করা ক্লাসেঃ

class MyClassComponent extends React.Component {
...
}
ব্যাস এবার আমরা আমাদের ক্লাসে রিঅ্যাক্ট এর ফাংশানালিটি পেয়ে যাবো। এখন আমরা এগুলো ব্যবহার করতে পারবো।

















































#জাভাস্ক্রিপ্ট #ওয়েবসাইট #ওয়েব #ওয়েবসাইট #রিয়েক্ট #ফুলস্ট্যাক #মার্ন #মার্নস্ট্যাক #ডেভেলপমেন্ট #ওয়েব_ডেভেলপমেন্ট #টিউটরিয়াল #বাংলা #হাইড্রাস্ক্রিপ্ট

রিঅ্যাক্ট এ কম্পোনেন্ট দুইরকমের হতে পারেঃ

১। ক্লাস কম্পোনেন্ট।

২। ফাংশন কম্পোনেন্ট।

















#জাভাস্ক্রিপ্ট #ওয়েবসাইট #ওয়েব #ওয়েবসাইট #রিয়েক্ট #ফুলস্ট্যাক #মার্ন #মার্নস্ট্যাক #ডেভেলপমেন্ট #ওয়েব_ডেভেলপমেন্ট #টিউটরিয়াল #বাংলা #হাইড্রাস্ক্রিপ্ট

রিঅ্যাক্ট ব্যাসিকসঃ কম্পোনেন্ট (Component)
কম্পোনেন্ট হচ্ছে রিঅ্যাক্ট এর বিউল্ডিং-ব্লক। রিঅ্যাক্ট এর একটা অ্যাপ্লিকেশনে সাধারণত অনেক কম্পোনেন্ট দেখতে পাবো আমরা। কম্পোনেন্ট আসলে তেমন কিছুই না বরং সোজা বাংলায় আমরা এটাকে একটা ম্যাশিনের পার্টস এর সাথে তুলনা করতে পারি। একটা ম্যাশিনে যেমন ছোটো ছোটো অনেকগুলো পার্টস মিলিত হয়ে পুরো ম্যাশিনটা গড়ে তোলে, তেমনি একটা রিঅ্যাক্ট এর অ্যাপ্লিকেশনেও এরকম অনেকগুলো কম্পোনেন্ট মিলিত হয়ে পুরো অ্যাপ্লিকেশনটা গড়ে তোলে। আমাদের স্মার্টফোনগুলোই দেখুন, এখানে ক্যামেরা আছে, ডিসপ্লে আছে, মাইক্রোফোন আছে, স্পিকার আছে, ব্যাটারী আছে, আরো ভিতরে গেলে র‍্যাম, প্রসেসরসহ আরো অনেকগুলো পার্টস দিয়ে পুরোটা তৈরী। এগুলো সবই আপনার স্মার্টফোনের কম্পোনেন্ট।

রিঅ্যাক্টেও কম্পোনেন্ট অনেকটাই এমন। তবে রিঅ্যাক্ট এর কম্পোনেন্টকে আপনি যতবার ইচ্ছা ব্যবহার করতে পারবেন। আপনার অ্যাপ্লিকেশনে হেডার, ফুটার আছে। এগুলো একটা একটা করে কম্পোনেন্ট হলে আমরা চাইলেই এই কম্পোনেন্টগুলো যত ইচ্ছা ততগুলো পেজে বারবার ব্যবহার করতে পারবো। চাইলে আমরা সেগুলোকে কাস্টমাইজ করেও ব্যবহার করতে পারবো।

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

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

What happens when we do this?
A: Nothing, this is totally fine!
B: SyntaxError. You cannot add properties to a function this way.
C: "Woof" gets logged.
D: ReferenceError.









Follow For More.

Follow for daily more