JSX কি এবং এটি কিভাবে কাজ করে?
May 14, 2024
JSX হলো JavaScript এর একটি সিনট্যাক্স এক্সটেনশন যা জাভাস্ক্রিপ্ট কোডের মধ্যে HTML এর মতো মার্কআপ লিখতে সাহায্য করে। আমরা জানি যে React একটি কম্পনেন্ট ভিত্তিক লাইব্রেরী। এটি React লাইব্রেরীতে কম্পোনেন্ট তৈরির জন্য ব্যবহৃত হয়। React এর প্রতিটি কম্পনেন্ট হচ্ছে একটি জাভাস্ক্রিপ্ট ফাংশন যাতে কিছু মার্কআপ থাকে, যা react ব্রাউজারে render করে। React কম্পনেন্ট গুলি উপস্থাপন করার জন্য JSX ব্যবহার করে। JSX কোডটি HTML এর মতো দেখতে কিন্তু এটি ডায়নামিক ডাটা এবং জাভাস্ক্রিপ্ট ভ্যালু সহ কাজ করতে পারে।। JSX এবং React দুটি পৃথক জিনিস। এদেরকে আলাদা আলাদাভাবে ব্যবহার করা যায়।
HTML থেকে JSX এর কিছু নিয়ম রয়েছেঃ
যদি আপনি একটি কম্পোনেন্ট থেকে একাধিক এলিমেন্ট ফেরত দিতে চান, তবে সেগুলি একটি প্যারেন্ট এলিমেন্টের মধ্যে রেপ করতে হবে।
সব ট্যাগ কে বন্ধ করা প্রয়োজন। [<img src=""/>]
JSX কিভাবে কাজ করে?
JSX এর এই কোড টি ব্রাউজারে রান করতে পারে না, কারণ এটি কোনো স্ট্যান্ডার্ড HTML নয়। তবে,JSX কোডের ভেতরের মান গুলোকে জাভাস্ক্রিপ্ট অবজেক্টে পরিণত করে, যাতে ব্রাউজার এটি বুঝতে পারে এবং রান করতে পারে।যদি JSX এ attribute ব্যবহার করা হয় তাহলে সেই attribute গুলো অবজেক্টের প্রোপার্টি হয়।
