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

Поделиться
HTML-код
  • Опубликовано: 27 авг 2024

Комментарии • 80

  • @avijitroyankan305
    @avijitroyankan305 9 месяцев назад +5

    ekta landing page project e onek reuseable component make korechilam. Jate next kono landing page banate gele khub taratari banate pari. Tailwind css diyei baniyechilam. Ami okhane props hishabe 'extraClasses' erokom name diye pathatam merge korar jonne. Ami majhe majhe kheyal kortam je kichu khetrei merge thikthak vabe kaj korto na.
    cn utility niye ajkei 1st janlam and I must say this tool would be very useful for me from now for making future projects.
    Thank you Sumit dada. Borabor apni shera shera video baniye upohar den ❤

  • @shourovr83
    @shourovr83 9 месяцев назад

    অনেক ধন্যবাদ, cn দেখছিলাম কিন্তু এরকম কিছু বানানো যায় জানতাম না। নতুন জিনিস শিখলাম

  • @abidibnazam4462
    @abidibnazam4462 9 месяцев назад

    Asked several of my friends about this cn() and tw-merge and guess what, I never got what they have tried to understand me. (They tried their utmost but my lackings bailed out from their explanations). This simple video just cracked the nut and now I understand what is cn why I should use it and what is tw-merge. Thanks a lot, Sumit Vaiya

    • @LearnwithSumit
      @LearnwithSumit  9 месяцев назад +1

      I am happy that you understood. Welcome vai

  • @sabbasachisaha
    @sabbasachisaha 8 месяцев назад

    Fear of Tailwind CSS has gone. Nice experince within one day about Tailwind CSS. Thanks a Lot

    • @hasannmahmud
      @hasannmahmud 7 месяцев назад

      Vaia
      This playlist is enough for tailwind css?

    • @LearnwithSumit
      @LearnwithSumit  7 месяцев назад +1

      @hasannmahmud yes more than enough

  • @cnerdmahadi
    @cnerdmahadi 9 месяцев назад +1

    I just have to say this vaiya, I am not exactly new to technology and which is why I have fair bit of understanding and I can figure stuff out from docs. I saw many people using this cn thing and thought for figuring it out through doc as nobody was really transparently putting it out about how this thing internally work. And I must say after watching this single clip of yours I feel like I dont even need doc for the basic understanding and implementation of this.
    You made it so so simple. You have a tremendous ability of breaking things up to a level where even a kid would understand

  • @Mir0nHasan
    @Mir0nHasan Месяц назад

    Awesome

  • @javascriptprograming9828
    @javascriptprograming9828 2 месяца назад

    shadcn-ui is based on radix-ui. radix-ui is also built on Legacy React APIs. So the future of these two user interfaces is uncertain, if the Legacy React APIs are removed from the latest version react js. React js has announced its removal. If radix-ui functional components don't import their ui library, maybe future versions of react js don't support it anymore.

  • @parthodas1775
    @parthodas1775 Месяц назад

    Thanks vaiya

  • @mdshishir7733
    @mdshishir7733 8 месяцев назад

    খুব মজা

  • @sujonpramanik1151
    @sujonpramanik1151 9 месяцев назад

    আবার একটা নতুন কিছু শিখলাম thanks Dada

  • @ab.md.faisalrahman3310
    @ab.md.faisalrahman3310 9 месяцев назад

    clsx টা অনেকটা vue এর মত করেছে... :class="{someCssClass: }" React এও এরকম একটা সুবিধা দরকার ছিল 🥰
    এবং আমি একটু-আধটু Vue জানায় এটা catch করতে সুবিধা হল...
    Anyway... Nice video... Reusable component বানাতে অনেক help হবে... আমি শুরুতে design দেখে এরকম component বানিয়ে রাখলে দেখা যেত কিছুদুর code করার পর সামান্য একটু চেঞ্জের জন্য বার বার prop পাঠাতে হচ্ছে... 😅 এখন অনেক clean way তে লিখতে পারব ❤

  • @TarekIbnKhayer
    @TarekIbnKhayer 8 месяцев назад

    Thanks dada, for this awesome video.

  • @mdferdoushassan7998
    @mdferdoushassan7998 9 месяцев назад

    Joss akta jinish and onek useful ❤

  • @santokhan_
    @santokhan_ 2 месяца назад

    Very helpful video, Dada♥. Hoito cn() mane className er shorter bujaisa.

  • @_tareq
    @_tareq 9 месяцев назад

    I use classnames package for conditional className. Anyway, keep up the good work.

  • @MrRahat6271
    @MrRahat6271 9 месяцев назад

    Thanks brother.. wanted to your view on this for a long time..

  • @gmnayeem25
    @gmnayeem25 9 месяцев назад

    I am waiting for this video.
    Thanks vai. Thanks a lot ❤❤

  • @md.nazmulislam5559
    @md.nazmulislam5559 9 месяцев назад +1

    thanks for this video💯💯💯

  • @mamundev-ti2kv
    @mamundev-ti2kv 8 месяцев назад

    shadcn/ui really awesome bhai

    • @javascriptprograming9828
      @javascriptprograming9828 2 месяца назад

      shadcn-ui is based on radix-ui. radix-ui is also built on Legacy React APIs. So the future of these two user interfaces is uncertain, if the Legacy React APIs are removed from the latest version react js. React js has announced its removal. If radix-ui functional components don't import their ui library, maybe future versions of react js don't support it anymore.

  • @aburaihan-py4vi
    @aburaihan-py4vi 9 месяцев назад

    excellent!!!!

  • @naimur634
    @naimur634 9 месяцев назад

    So beautiful, so elegant, just looking like a wow 👌❤

  • @kamruzzaman6252
    @kamruzzaman6252 9 месяцев назад

    Thanks a lot dada.

  • @programmersohel
    @programmersohel 9 месяцев назад

    Thanks. Time Saving Tips.

  • @sumonchandra5992
    @sumonchandra5992 9 месяцев назад

    cn utility ta asolei jose. Ami shadcn.ui er fan hoye gesi.❤

  • @SadmanRyanRiad
    @SadmanRyanRiad 9 месяцев назад

    WOW 😳.
    So awesome
    Really helpful 😅

  • @TechnicalFR
    @TechnicalFR 9 месяцев назад

    আপনার বোঝানোর ক্ষমতা অসাধারণ ।
    BTW আপনার VS Code এর থিম টার নাম কি বলা যাবে?

    • @LearnwithSumit
      @LearnwithSumit  9 месяцев назад +1

      eta learn with sumit theme. etar 10 ta color variant ache. eta holo “party” variant. video description check korun

  • @mdsalahuddin46464
    @mdsalahuddin46464 9 месяцев назад

    very very useful

  • @shohelrana-dev
    @shohelrana-dev 9 месяцев назад

    Ageo use koresi❤

  • @alemran4136
    @alemran4136 9 месяцев назад

    Just wow❤❤

  • @user-or8hx9ww5y
    @user-or8hx9ww5y 9 месяцев назад

    অসাধারণ

  • @najmulhasan5997
    @najmulhasan5997 9 месяцев назад

    ❤❤❤❤

  • @_Faisal_Akbar
    @_Faisal_Akbar 9 месяцев назад

    ❤❤❤

  • @SaifulIslam-ql6eb
    @SaifulIslam-ql6eb 9 месяцев назад

    cn() এটা প্রথম keep-react component library-তে দেখেছি।

    • @LearnwithSumit
      @LearnwithSumit  9 месяцев назад +1

      হ্যাঁ এটা সবাই ব্যবহার করে।

    • @SaifulIslam-ql6eb
      @SaifulIslam-ql6eb 9 месяцев назад

      @@LearnwithSumit আমি এটা ব্যবহার করি। আর একটু contribution করেছি, যতটুকু নিজে বুঝেছি ততটুকু করেছি। এবং এটা accept করা হয়েছে। (button clicking animation)। কিন্তু github এর কিছু Settings বুঝতেছি না। আমি online-এ tutorial দেখেছি, কিন্তু এইগুলা beginner এর জন্য। তাই আপনি যদি open-source contribution নিয়ে একটা video দেন, advanced। keep-react এর source code well organised এবং beginner friendly আমি খুব সহজে তাদের code বুঝতে পেরেছি, অনেক কিছু শিখতে পেরেছি।

  • @skkabirislam5934
    @skkabirislam5934 9 месяцев назад

    Awesome ❤

  • @SaifulIslam-ql6eb
    @SaifulIslam-ql6eb 9 месяцев назад

    ভাই open-source contribution নিয়ে একটা advance tutorial দেন।(not beginner)

    • @LearnwithSumit
      @LearnwithSumit  9 месяцев назад

      etar abar advance ki. ki ki korte hobe seta to bolei dilam ei live e - ruclips.net/video/zQVTK-4PshU/видео.htmlsi=NMKgpaFAXAGunyDE
      bakita to programming. diyei jacchi content. keu jodi apnake open source contribution guide deyar por abar hate dhore contribute o kore dekhay tahole apni ki korben vai

  • @mdkawsarislamyeasin4040
    @mdkawsarislamyeasin4040 9 месяцев назад +1

    Joy ShadCn Baba er joy

  • @Programming-Interface
    @Programming-Interface 9 месяцев назад

    ভাইয়া আপনার “স্কল এ্যনিমেসন” নিয়ে একটা ভিডিও দেখছিলাম , ঐটা এখন দেখতাছি না কেন? ডিলেট করে দিছেন ?

  • @remonroy34
    @remonroy34 9 месяцев назад

    When will we get the video of Dada Next js.?

  • @asaduzzamanfahiim3291
    @asaduzzamanfahiim3291 9 месяцев назад

    Tailwind er Button component use kortace, thala amdr base Button component er dorkar ke, ar ato jotil korar mni ni?

    • @LearnwithSumit
      @LearnwithSumit  9 месяцев назад

      Tailwind er button component hote jabe keno? Tailwind er button component kothay pelen apni? Tailwind kono button component deyna. Button component ami baniye dekhalam tailwind diye. Ki bujhlen vai ar ki question korlen God knows.

  • @sadhondas1512
    @sadhondas1512 9 месяцев назад

    vai props pass kore to eta kora jay .tahole extra package install kore ki benefit holo

    • @LearnwithSumit
      @LearnwithSumit  9 месяцев назад

      video tene dekhechen and amar kotha mon diye shunen nai tahole jeta shurutei explain korlam setai ask korten na

  • @mahbubalam1968
    @mahbubalam1968 9 месяцев назад

    ❤️❤️❤️❤️❤️❤️❤️

  • @mdshamimrana200
    @mdshamimrana200 6 месяцев назад

    প্রত্যেক টি ভিডিও অনেক কষ্ট বানানো

  • @mdhaiderhossain
    @mdhaiderhossain 9 месяцев назад

    ❤❤❤

  • @H3D0ki
    @H3D0ki 9 месяцев назад

    ❤❤❤