Hello Viewers! বাংলায় বৃহৎ লার্নিং হাবে আপনাকে স্বাগতম। আজকের এই ব্লগে আমি আপনাদেরকে দেখাবো কিভাবে আপনার React প্রোজেক্টে CSS Modules ব্যবহার করবেন। এটা ব্যবহার নিয়ে অনেকের এ তিক্ত আভিজ্ঞতা আছে। আজকে এই পোস্টের মাধ্যমে আপনাদেরকে ধাপে ধাপে CSS Modules ব্যবহার করার পদ্ধতি জানিয়ে দিব । আশা করি পোস্টটি আপনার উপকারে আসবে , আর হ্যাঁ পোস্টটি ভালো লাগলে অবশ্যই শেয়ার করবেন। তাহলে শুরু করা যাক।
CSS Module ব্যবহার করার নিয়মঃ
- প্রথমে যে কম্পনেন্টে CSS ব্যবহার করবেন ঐই কম্পোনেন্টে গিয়ে একটা ফাইল ক্রিয়েট করবেন।
ফাইলে নমুনা ( Yourcomponnetname.module.css )
- ঐই ফোল্ডারের JS ফাইলে যাবেন এবং ইতিপূর্বে যে CSS ফাইল টা ক্রিয়েট করেছেন তা ইম্পোর্ট করবেন।
ইম্পোর্ট এর নমুনা
( import styles from '../Componnent/Blogs.module.css' )
মনে রাখবেন এখানে আমি এক লেভেল উপরে গিয়েছে আপনার ক্ষেত্রে কমবেশ হতে পারে
- ইম্পোর্ট করার পর আপনার ফাইলে ক্লাসনেইম ( className="deleteBtn") এটাকে পরিবর্তন করুন
পরিবর্তনের নমুনা ( className={styles.deleteBtn})
- এখন ফাইল রান করুন আর কি হয় আমাকে কমেন্টে জানান
আশা করি আপনি কাজ টি সফলভাবে রান করাতে পেরেছেন। আর যদি কোন সমস্যা বা এরর দেখায় । তাহলে অবশ্যই কমেন্ট বক্সে কমেন্ট করুন। I’ll Reply As Soon As Possible. Advance Thanks, Wish You All the Best.
