How To Use CSS Modules on Your React Projects

Hello Viewers!   বাংলায় বৃহৎ লার্নিং হাবে আপনাকে স্বাগতম। আজকের এই ব্লগে আমি আপনাদেরকে দেখাবো   কিভাবে আপনার React প্রোজেক্টে CSS Modules ব্...

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.