Тёмный

Why I Pick ShadCN and Tailwind for all my projects 

developedbyed
Подписаться 927 тыс.
Просмотров 52 тыс.
50% 1

Next 14 Course Coming Soon 🔥
developedbyed.com/
Tools and resources ⛏️
tailwindcss.com/
ui.shadcn.com/
getbootstrap.com/
mui.com/
styled-components.com/
🛴 Follow me on:
Twitch: / developedbyed
Twitter: / developedbyed
Instagram: / developedbyed
Github: github.com/developedbyed/
#programming #react

Наука

Опубликовано:

 

23 янв 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 94   
@JJohnson-fy9uz
@JJohnson-fy9uz 4 месяца назад
What about bigger projects with more complex components? ShadCN doesn''t have multiselect with autocomplete, double range sliders and many other stuff, that is included in big libraries like MUI/AntDesign/Mantine etc.
@belkocik
@belkocik 4 месяца назад
Good point!
@developedbyed
@developedbyed 4 месяца назад
Great point! I’ll pin it
@fitimbytyci345
@fitimbytyci345 4 месяца назад
@@developedbyedAlongside pinning, me and other watchers would hope to see your thoughts on this one, I can see you have already implemented Multiselect, so why don't you give an answer on how you did that, and also some recommendations on 3rd party libraries that will help us in times where shadcn hasn't implemented them yet. Cheers.
@elhaambasheerch7058
@elhaambasheerch7058 4 месяца назад
Agreed, but can create those pretty easily with shadcn, remember that deoesn't hide any code from you. so its pretty easy to customize.
@3litepker
@3litepker 3 месяца назад
@@developedbyed care to answer honey bun?
@Logicmontana
@Logicmontana 4 месяца назад
00:01 Choosing between UI libraries 02:02 Setting up a global CSS for consistent styling 04:07 Choosing ShadCN and Tailwind for quicker web development 06:16 Choosing between CSS modules and frameworks like Bootstrap 08:31 Custom styling with ShadCN and Tailwind 10:26 Tailwind provides a ready-made design system and speeds up CSS writing. 12:45 ShadCN with Tailwind enhances speed, accessibility, and theme switching 14:59 Shat siand separates from other UI libraries 16:57 Customize Tailwind classes and variant styles effortlessly 18:47 ShadCN and Tailwind are my go-to for all projects. Crafted by Themba Botha the Highlight guru
@mr.guydvir
@mr.guydvir 3 месяца назад
I really love the way you're gradually presenting the solutions you've used up to tailwind, while explaining the disadvantages of each approach that led you to change to the next one.
@rapidreasearchyt
@rapidreasearchyt 4 месяца назад
really excited too see ur next14 course buddy
@LennartBe
@LennartBe 4 месяца назад
Hey ed! Nice video. One quick advice or tip, if you continue to let us have your webcam in the video, try to position it so that you're looking into the video, not outside of it. That's a game changer 😀 keep it up
@developedbyed
@developedbyed 4 месяца назад
Should we keep the webcam in or out for future videos?
@o_glethorpe
@o_glethorpe 4 месяца назад
What a silly question, in of course
@denniskarg
@denniskarg 4 месяца назад
Ed, you're such a likeable guy, definitely leave them on. It gives your videos a very personal touch that makes your videos stand out. :)
@tamaniphiri
@tamaniphiri 4 месяца назад
In, for sure🚀
@myanimebase6486
@myanimebase6486 4 месяца назад
Definitely in, I love your expressions
@ezrawebdev
@ezrawebdev 4 месяца назад
i like it! but maybe change your camera angle, or at least flip it so it doesn't look weird that you are facing the other way
@ilkou
@ilkou 4 месяца назад
I see shadcn components as a starter to build ur own design system; there's a reason u copy the code instead of importing it from npm, it's all in ur hands, use it, adapt it to ur need, and extend its principles to build more rich and complex components !
@scottclarke953
@scottclarke953 4 месяца назад
I like seeing the presenter while they code. 👍👍👍👍 also could you expand on why you prefer Tailwinds. I have seen so many saying Tailwinds is junk. Thank you so much for your time. 👍👍👍👍👍
@maddog2622
@maddog2622 4 месяца назад
Just started shadcn/ui on a real project and enjoying it so far. Still want to look into NextUI in the future, have you tried it?
@EL_PANDA_742
@EL_PANDA_742 4 месяца назад
NB: What if you have two user interface and admin dashboard which means 2 project at the same directory, and they share the same resources, I mean how we can customize the @components directory for shadcn in this case.
@juanmacias5922
@juanmacias5922 4 месяца назад
I used MUI in my last project, and styling it was pretty similar to how Tailwind styles, it's not that bad.
@brancode404
@brancode404 4 месяца назад
Hey Bro Will this course be updated in your Old Next JS ecommerce course ?
@karan_panwar
@karan_panwar 4 месяца назад
You create great video tutorials. ❤🎉
@sumonchandra5992
@sumonchandra5992 3 месяца назад
I really love the "cn" approach of writing tailwind classes. I think the "cn" approach is now very popular for the ShadcnUI.
@user-jd2rs8iw1g
@user-jd2rs8iw1g 3 месяца назад
thanks for the video mate. can you do review of nextUI library? thank you
@everythingisfine9988
@everythingisfine9988 3 месяца назад
CSS modules are fantastic for scoping one off features. Its a simple yet effective tool to use in conjunction with style libraries and traditional global CSS 🤝
@saviogmz1734
@saviogmz1734 4 месяца назад
What vscode theme is that? Looks beautiful
@sukhrob-abdullaev
@sukhrob-abdullaev 4 месяца назад
Your Vs theme looks beautiful what is the name of this?
@whoisshahmeer
@whoisshahmeer 4 месяца назад
Which theme are you using man?
@fwdflashwebdesign
@fwdflashwebdesign 4 месяца назад
Is it still worth it to learn code with AI and all this changes?
@TheZhouh12
@TheZhouh12 4 месяца назад
how about nextui
@DevGio
@DevGio 4 месяца назад
Hey Ed I also pick shadcn and tailwind for all my projects as well. They just simplify the tedious parts of developing and allow to me focus on writing components quicker. And honestly, with shadcn, more beautifully
@user-rl2bf4rv7r
@user-rl2bf4rv7r 4 месяца назад
What's the name of the vs code theme u use ?
@developedbyed
@developedbyed 4 месяца назад
Material theme palenight!
@BReal890
@BReal890 4 месяца назад
and the font?
@selectorsaurus
@selectorsaurus 4 месяца назад
I prefer writing css with BEM methodology. And my opinion is that the markup and styles should be separated. So.. no Tailwind for me then :)
@daviddixx6737
@daviddixx6737 4 месяца назад
Same here 😁
@sohaibnoyyan8172
@sohaibnoyyan8172 4 месяца назад
Hey Ed you stopped showing magic tricks. Anyways you are the best creator out there!
@stevemolele6902
@stevemolele6902 4 месяца назад
🤣🤣🤣 How about now, man you're hilarious. Love the content my friend on the internet
@codewithguillaume
@codewithguillaume 4 месяца назад
very nice
@HilaryCheng
@HilaryCheng 28 дней назад
I prefer tailwind-based component libraries, since the bootstrap-like framework often create mess of css(s) that lots of unknown css overlap each others............ -_-.
@Taras3D
@Taras3D 4 месяца назад
🔥🔥🔥
@LukeRoberts1979
@LukeRoberts1979 Месяц назад
I'm confused Isn't this now Bootstrap?
@sammaxjorden
@sammaxjorden 4 месяца назад
ily
@scott_itall8638
@scott_itall8638 4 месяца назад
I tried ShadCN for Svelte, had a look, got scared and ran away back to Daisy lol.
@bn5055
@bn5055 4 месяца назад
It's worth trying again. It just takes a little perspective shift from a "traditional" npm-installed component library, but if you want to customise stuff, it's so much better.
@scott_itall8638
@scott_itall8638 4 месяца назад
@@bn5055 Still keen to use it myself just need to spend the time with it, soak it in.
@enitan2002
@enitan2002 3 месяца назад
same for me as well. Couldn't wrap my heads around Shadcn after using DaisyUI for quite a long time. NextUI comes in second place after Daisy
@scott_itall8638
@scott_itall8638 3 месяца назад
@@enitan2002 At the end of the day its all HTML JS and CSS so really doesn't matter what you use.
@boniedwin
@boniedwin 3 месяца назад
mantine ftw
@clintkennedy8387
@clintkennedy8387 Месяц назад
The background music is distracting
@neilmerchant2796
@neilmerchant2796 4 месяца назад
I appreciate the point of the video, but there is no reason it should be nearly 20 min long.
@fanxxai
@fanxxai 3 месяца назад
I think shadCN 📱 is trending
@tylim88
@tylim88 4 месяца назад
mantine is the best
@elie3423
@elie3423 24 дня назад
Hmmm, module css.
@alexkonoplian
@alexkonoplian 3 месяца назад
On small projects, Tailwind is a great choice, you can make your life a lot easier. But on large projects, it will definitely turn into a mess, and you will move away from atomic classes one way or another.
@jaroslavhuss7813
@jaroslavhuss7813 4 месяца назад
What is all about ShadCN? DaisyUI is way WAY way better! I do not understand the hype around it.
@developedbyed
@developedbyed 4 месяца назад
it was never this vs that, I used daisy a couple of times it was pretty good
@josephmgift
@josephmgift 4 месяца назад
I used daisy 🙃 only to switch to Shadcn. See, those themes, especially my personalized ones did not work on older versions of Android and iOS. I can't wait to see Shadcn grow, it's my go to now.
@emmanuelezeagwula7436
@emmanuelezeagwula7436 4 месяца назад
what the pros of daisy ui
@bn5055
@bn5055 4 месяца назад
DaisyUI is basically Bootstrap that happens to use Tailwind. It's not exactly revolutionary.
@jaroslavhuss7813
@jaroslavhuss7813 4 месяца назад
@@bn5055 What I super like about DaisyUI is it's simplicity... No bloated code, no needed extra state and much more... I just love it...
@ts8960
@ts8960 2 месяца назад
MUI is the best
@codernerd7076
@codernerd7076 4 месяца назад
666 likes 😅
@kale_bhai
@kale_bhai 4 месяца назад
Because you're noob and everyone is following the same thing like a sheep
@rohitkochikkatfrancis
@rohitkochikkatfrancis 2 месяца назад
Lol....sure thing professional guy 🤣
@CristianKirk
@CristianKirk 4 месяца назад
Tailwind is freaking horrible. You have to call 10 classes when you only need to call one or none if you do a proper styling of HTML tags and/or parent elements. All this speech about "productivity" and doing things as fast as you can makes you look flaky and lazy, makes you look like you don't even care about what you're doing.
@developedbyed
@developedbyed 4 месяца назад
Who upset you?
@user-vg1sr9ye5s
@user-vg1sr9ye5s 4 месяца назад
No
@ethanrogers9627
@ethanrogers9627 4 месяца назад
Write a little more up front to save maintenace time later. Output code is still lightning fast so no cost on that end. Why should we optimize for having the fewest CSS classes over write time and page speed?
@bn5055
@bn5055 4 месяца назад
Nope. You have to "call" 10 classes, sure, but 99% of them map to a single property and the rest map to 2 properties. So you're writing the same amount of CSS (which is automatically tree shaken by the way), you're just doing it with less typing, without having to switch back and forth between files, without having to come up with endless class names, and with a ready made design system built in. Hate to say it but it sounds like you're just regurgitating someone else's opinion rather than trying it yourself.
@-Jakob-
@-Jakob- 3 месяца назад
It isn't ;)
@apex-lazer
@apex-lazer 20 дней назад
Sequentially is a word. 😊
Далее
Top 10 Tips and Tricks with Tailwind CSS
23:45
Просмотров 84 тыс.
HTMX + GO 15 Minute Quickstart (For Javascript Devs)
16:59
Все мы немного Адриана 😂😂😂
00:11
WOW... WHAT A FIGHT!!!!! 📣 #ufc302
00:48
Просмотров 642 тыс.
I DONT USE NEXT JS
54:01
Просмотров 313 тыс.
10 Tailwind Tricks You NEED To Know!
10:45
Просмотров 263 тыс.
UI Libraries Are Dying, Here's Why
13:28
Просмотров 264 тыс.
Use these instead of vh
6:06
Просмотров 451 тыс.
Shadcn + Next.js 13 is HEAVEN | A QUICK GUIDE
13:30
Просмотров 121 тыс.
10 Tailwind Classes I Wish I Knew Earlier
13:31
Просмотров 157 тыс.
How the PROS Use Tailwind
9:55
Просмотров 41 тыс.
I Tried Every Svelte UI Library
20:57
Просмотров 38 тыс.
Bardak ile Projektör Nasıl Yapılır?
0:19
Просмотров 3,4 млн
#miniphone
0:18
Просмотров 11 млн
Lost Vape Ursa Pocket
0:17
Просмотров 42 тыс.