Tailwind CSS Bangla Tutorial || cn() - Magical utility for every Tailwind Developer (clsx + twMerge)

Опубликовано: 29 Сентябрь 2024
на канале: Learn with Sumit - LWS - Bangladesh

13,126

795

In this Tailwind CSS Bangla tutorial, you will know detail about cn() utility.

আপনি একজন Tailwind CSS ডেভেলপার হিসেবে কেন cn() ইউটিলিটি ফাংশন ব্যবহার করবেন? Tailwind CSS এর সাথে খুব বেশি ব্যবহৃত হওয়া দুটি প্যাকেজ হলো - "tailwind-merge" এবং "clsx". এদুটোকে একত্রিত করে তৈরী করা cn() ইউটিলিটি ফাংশনটির ব্যবহারকে জনপ্রিয় করেছে shadcdn নামক জনপ্রিয় ইউ কম্পোনেন্ট লাইব্রেরি। এই ভিডিওতে এই প্রোডাক্টিভিটি ইউটিলিটির ব্যবহারই দেখানো হয়েছে। আশা করি ভিডিওটি আপনাদের উপকারে আসবে।

🗳️ GitHub Repository: https://github.com/learnwithsumit/tai...

🔗 Additional Resources:

👍 Install React with Vite:    • How to install React in 2023 - new re...
👍 Tailwind CSS Installation: https://tailwindcss.com/docs/guides/vite
👍 tailwind-merge - https://www.npmjs.com/package/tailwin...
👍 clsx: https://www.npmjs.com/package/clsx
👍 Rest Operator:    • #18 - Rest Operator - Modern JavaScri...
👍 Tailwind Playlist:    • #01 Introduction | Tailwind CSS Bangl...
👍 shadcn: https://ui.shadcn.com

🎨 VS Code Theme used in video - Learn with Sumit theme - https://lwsbd.link/vst (Party Version)

🔗 Timestamps:

0:00 - Intro
0:31 - Project setup
1:34 - Merge Conflict - tailwind-merge
5:57 - Conditional CSS - tailwind-merge
7:15 - Better Syntax - clsx
9:13 - cn Utility
12:50 - Final words
13:20 - Outro

কোন প্রশ্ন থাকলে comment section এ comment করতে পারেন। সেই সাথে আমাদের একটি Facebook Group আছে। সেখানেও আপনার প্রশ্ন করতে পারেন। সব প্রয়োজনীয় link নিচে দেয়া হলো -

👍 Facebook Group -   / learnwithsumit
👍 Like our Facebook Page -   / letslearnwithsumit
👍 Follow our GitHub Profile - https://github.com/learnwithsumit
👍 Follow us at Instagram -   / learnwithsumit
👍 Follow me at -   / sumit.analyzen
👍 Learn with Sumit Official VS Code Theme - https://lwsbd.link/vst

#learnwithsumito