Tailwind css is just crap
Вставка
- Опубліковано 25 сер 2024
- Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.
All the learning resources such as code files, documentations, articles and community discussions are available on our website:
chaicode.com/
You can find our discord link, github link etc on the above website.
Twitter/X link: x.com/hiteshdo...
Discord link: hitesh.ai/discord
Learn React with 10 projects: • Let's learn react from...
Learn Docker: • A practical guide on D...
Learn Kubernetes: • Complete Kubernetes Co...
How does a browser works: • How does a browser wor...
How nodejs works: • How node JS works | En...
Learn Redux-toolkit: • Learn Redux Toolkit in...
Learn NextJS: • Nextjs Full stack course
Learn Typescript: • Why to learn Typescript
Learn Javascript: • Welcome to new JavaScr...
Learn React Native: • React Native Mastery: ...
Learn Zustand: • React state management...
Learn Golang: • How to get started wit...
i really didnt expect this kind of clickbaity title from this channel
Same. I agree with you bro
before: searching google - how to center a div in css
now: asking chatGPT - how to center a div in tailwind
u r indeed correct
I'm in love with tailwind. I'm using the inline-fold plugin in vscode to hide the long classes
Thanks Man
actually, you can use @apply inside sass to customize your classes
im still learning HTML and CSS, i have most of the basics down and deciding between Bootstrap or tailwind down the line. I see alot of high praise for it, but the moment i mentioned it already have a few people clowning it for some reason, is it just such a new framework that people are hating it for its rise in popularity or are there really alot of cons to using it?
@@alanauditwat that point just write CSS lol, @apply literally reinvents normal CSS classes
@@zzzyyyxxx Nope, that's not what TW does.
What a clickbait. I would prefer you be honest with your video title.
Perhaps u didn't understand the context, If u're okayish with clicking a very random video which has no use to ur life but on the other side, have problem with the informatory ones, i guess u should introspect it.
This is not clickbait, but useful in rather terms with the current perception ongoing with the world, and sir wonderfully explaining his views on it, is reasonable.
Tbh, I have tried on a medium-scaled app and managing style reusability across various components is pain in arse. Small HTML layouts look like a big bloat of non-sense.
I will still prefer using HTML for layout and SASS for styling, combined with a good naming convention is ❤. Single long reusable class names are better than css in html.
Tailwind motto - "Save 5 minutes writing your code! Waste 15 minutes maintaining it later"
@@oziocb Exactly
@@oziocb That's exactly the opposite.
You're cleary inexperiecned junior developer.
@@oziocb Tailwind motto. Say no to premature abstraction.
css itself is crap, but don't have any choice
css is crap until you get good
beware of using tailwind, once you start using it, there is no going back
true bro
Yes
Couldn't agree more
just like typescript and svelte, LOL
👍
so what is the conclusion is it a bestpractice to use tailwind or not?
it is good.
I think it is the good way of writing css, I had learned basics of it in *2 days*
So you are saying to get used to this mess of a class names on every second line instead of worrying about semantics and the thought of any other person working who is not comfortable with this structure on a project you built according to your norm?
I have been using tailwind for 2 months and I love tailwind more than Bootstrap. In tailwind we just create everything from scratch with ease of not leaving HTML and I love that part. Tailwind is awesome.
Bhai aap se web development kar rhi ho
100% Yes! 😉
"In tailwind we just reinvent the wheel from scratch with a buch inline css."
IMO, no matter how good it is, it will not be the last one.
be ready to memorize a whole new set of class name again and again
@@ericleung4313 better to write raw CSS with some standardization techniques
I've tried it. It's better than other frameworks - but it's not better than regular css.
Well, actually it is better than regular CSS in many cases ...
I just posted a video about Tailwind CSS in 2023. If you have a few minutes, jump to the chapter "Benefits" and tell me what you think about that... Maybe this will convince you... 😉
@@lukas.webdev
1. Efficiency - debatable, you're still writing a stylesheet but I will give you that it is quick to set up and start working with.
2. Customisation - it's not more customisable than the base language.
3. Performance - sure, it's post processing built in, you don't need to set it up yourself but you can do it with CSS by using a plugin during build time (ie postCSS).
4. Community - moot point, the base language has infinitely more resources.
I think the real benefit is that it comes with built in design tokens and the relationships between them. Tailwind is fundamentally correct in their approach to building design systems.
@@rumble1925 Thanks for your detailed feedback and for sharing your thoughts about Tailwind with me! You made some good points ...
But if you build a website with both approaches you will recognize that you are 10x faster with tailwind without having to sacrifice anything ...
😉
@@lukas.webdev The problem is maintaining it. But it's my opinion, I have worked in a large project where tailwind was painful rather than helpful.
It requires a bunch of tooling and customisation to not litter the code base - it only takes a few juniors to make a mess of the components - it encourages people to think about the tokens as parameters to be passed in instead of considering what the different states and variants really are. It requires a lot more vigilance to not turn into a mess.
You can code up a completely custom design system in a day. You can use online tools to generate them for you with all the tokens that are actually relevant in your design.
Tailwind css might be a great option.
But in fact it has been shown to me using pure css, (maximum maybe scss for spliting files) is always enough.
Pure css will remain the most time saving choice for ever,
In fact, if you delete all css files of a mid and upper scale project, you can write those styles from scratch again in 3-5 days, including work-life-balance and coffee and smokes in between.
I really believe people need to invest on gym for weekend instead of creating another framework in Javascript world.
Yes I think tailwind can be next playlist in this channel
to be honest "Tailwind css is just cr*p" , tried to use and to be honest I would rather write my own CSS even if it means more time.
Yes Please!!!! Tail Wind Tutorials😀😀😀😀😀
I just posted a Tailwind CSS Tutorial (2023) - this should be exactly what you are looking for... 😉
I just released a full course about Tailwindcss on my channel. I've passed 2 months working on it: to be honest, Tailwindcss is amazing. It really help devs to create web applications. For the actual market, that doesn't have money to hire devs just to write CSS, it's the perfect library.
Started using tailwind last week and absolutely love it. Yes, takes a while getting used to it if coming from a bootstrap background but the class names are intuitive and you get the hang of it. I think I have forgot bootstrap now haha.
How suitable is for making a pixel perfect custom responsive desing? I have to migrate an old responsive website made with Boostrap, with a lot of styles made with @media, to Tailwind, but my fear is to loose the original styles (margins, background colors, borders colors, custom border-radius, etc) by using predefined classes with Tailwind
@@paulomirandaarias9544 tailwind is best for you then. Go with it without any fear or doubt. I migrated my client's bootstrap site to tailwind within 4 hours and got paid extraa with it
Yes for the tree tailwind tutorial
I just posted a Tailwind CSS Tutorial (2023) - this should be exactly what you are looking for... 😉
Good to see you on Twitter 😅
Tailwind In-depth Course is very much appreciated, sir... Because on youtube there are only Crash-courses that are not handful and old.
I just posted a Tailwind CSS Tutorial (2023) - this should be exactly what you are looking for... 😉
@@lukas.webdev Thank You...!! It's Amazing
@@KadlagAkash Thanks! I really appreciate it. 😉
After years using raw CSS/SCSS, once I got a taste of tailwind I never looked back. Recently, I switched jobs. At the new job we use SASS. The quantity of time I spent organising "Styles" and writting stuff that is very straightforward using Tailwind, is absurd, but it felt good in a way. I quickly found out it was just nostalgia, because I started a project, where I tought... "Now I am more mature, I know frontend better, I know styling rules better, etc... I'll just roll with CSS and emotion". Gave up after a week and I have experience with both. Anyone still refusing TailwindCSS in 2023 should stop trying to find "job security" in developer tools. How can you deny a framework that makes everything simpler? Auto-completion. No dangling "global variables" that no one knows about... Why don't we denounce react, vue, svelte and write vanilla JS instead? It works too - it is also more hardcore! 🦐
"Ah but Francisco, I get 100 lines of utility classes mixed in my JSX". That's your problem. If you use Styled component patterns with CSS, you could also do that with Tailwind. If you use CSS modules, you should also do that with Tailwind and the @apply rule. Inlining classname with tailwind is fine, but as a developer it's your responsability to know when to stop writting a bunch of inline classes. Next time you think "tailwind is trash" and the only reason you have is "many classes" in my JSX, do yourself a favor and think "I really should read those Clean Code and Clean Architecture classics. Frontends can do that aswell right?" or you can think if you prefer writting 20 rows of raw CSS, instead of 5 or 6 words in one line.
The problem with Tailwind is repeated code (DRY)
If you have same style used on many elements in page, you would have long lines of repeated classes
Item 1
Item 2
...
(those lines can get even longer)
If you modify styles for some elements in you project, then you might forget to update each occurance (because of too many of them) leading to bugs in styling. "Find and replace" not always works.
Then they suggest @apply which brings us to good old css class writing pattern which makes no sense in Tailwind idiology.
I bet development experience is great, but are results that easily managable ? How about support large scale project written in Tailwind ? Is it rly that easy ?
one of the best way to use tailwind is to have style variable in your each component file
const style = {
wrapper: `px-4 flex flex-row border-b border-[#38444d] pb-4`,
tweetBoxLeft: `mr-4 h-16`,
tweetBoxRight: `flex-1`,
profileImage: `h-12 w-12 rounded-full`,
inputField: `w-full h-full outline-none bg-transparent text-lg`,
};
{/* Left side */}
this is one of the cool way
This was by far the worst reason to use tailwind i've heard.
I never hated this tailwindcss. I loved it from the beginning itself.
Please make one tutorial
I just posted a Tailwind CSS Tutorial (2023) - this should be exactly what you are looking for... 😉
More on tailwind please
I just posted a Tailwind CSS Tutorial (2023) - this should be exactly what you are looking for... 😉
ewwwwwwwwww poor advertisement@@lukas.webdev
need Course for tailwind
I just posted a Tailwind CSS Tutorial (2023) - this should be exactly what you are looking for... 😉
Good overview! 💪 Yeah I would love to see you doing some tutorials on tailwind. I would like to integrate it in my Django project.
as dev I understand why you wanna have all the styles present and see what is going on vs named styles, but this is more the scope of code editor tool than something like tailwind.
tailwind is useful if you wanna work with notepad or nano.
Tailwind with react
I just posted a Tailwind CSS + React Tutorial (2023) - this should be exactly what you are looking for... 😉
Omg🙃 My project is used as a reference.
Not having to go to a separate file to change css and worrying about what to name a class is a time saver.
And also worry free styling consistency is lit 👌
Bruu should i learn bootstrap or go directly to tailwind
@@pradeepucshorts There is absolutely no need to learn bootstrap first. Just little bit of css understanding is enough to learn tailwind css.
if i know Tailwindcss then Should i learn bootstrap@@akashdeepdas6782
I used bootstrap for 6 to 7 months.
But when i used tailwind man I loved it they way they designed this framework so dev friendly and time saving.
There's an awesome vscode extension too
that's right 😉
I am a little confused. At first I thought you really don't like Tailwind, but at the end you say you like it and can make a video about it ^^
Everybody is a little confused by this video ... 😄
If you start using tailwind you will forgot to use all css libraries. It is very much flexible, fast, easy.
Yes! 😉
why click-bait then ?
make tailwind course please
I just posted a Tailwind CSS Tutorial (2023) - this should be exactly what you are looking for... 😉
Please do make tailwind tutorials
I just posted a Tailwind CSS Tutorial (2023) - this should be exactly what you are looking for... 😉
I disagree, I love Tailwind. The way it makes the hectic syntax of CSS simple is just incredible. If inline styling is a issue though, wrap it inside some object and reduce it.
watch the complete video, he said the same thing that once you get past few days of learning tailwind you will start to like it
Lmao when you don't even watch the video
Please make videos on tailwind love to learn from You Sir
I just posted a Tailwind CSS Tutorial (2023) - this should be exactly what you are looking for... 😉
That exactly is my point. CSS is the base knowledge no need to learn new properties and peek to documentation of the frameworks. Once you memorize Tailwind classes that's it dont look back to the docs ever. :D
hello sir
I am a Bootstrap fan.I want to learn tailwind.
I just posted a Tailwind CSS Tutorial (2023) - this should be exactly what you are looking for... 😉
Just take a look at those lines with classes names - it's just total crap. Title is correct...
It depends on what project you're working on
I prefer SCSS Custom design system.
I really think tailwind bring jargon classes and confusing if not done properly
please make a tutorial for tailwind css with react. it will be much helfull for begineers like me.
I just posted a Tailwind CSS Tutorial for Beginners (2023) - this should be exactly what you are looking for... 😉
0:01 those are fighting words my man 🤣
I was not interested in other youtubers Tailwind video floating on my UA-cam feed but then i saw yours video and it didn't take me second to click on the video 😄
Yes please make tutorial.
I just posted a Tailwind CSS Tutorial (2023) - this should be exactly what you are looking for... 😉
The best part about Tailwind to me is media queries.
We already have made 3 entire frontend landing pages of major brand and it is piece of cake just bcz of tailwind... so why not
Hello Hitesh, I’m eagerly waiting to hear your thoughts on Chat GPT 😅.
It depends. As everything in programming. Imagen having 100+ pages and writing all this classes over and over when you can write it in only one place. So it depends...
Tailwind is simple for simple projects with minimal style for ui/ux
Thanks for the video! Hope your masters exams went well!
Hey hitesh , do u forget that u also have a Hindi channel, and there is javascript series is going on
I don't care about these libs, I want something that could easily debug all the CSS during development. Beyond certain point, it's hard to track which class is attached to which section/div.
Yup, i've never used tailwind.
But do not to get into it and checking documentation of every classname
yes please
Hey Hitesh can I learn Tailwind css?
Tailwind is inline styles with extra steps
Start the react js course
and there are lot of techniques besides implementation like purge unused classes using post css , need a brief course
No tutorial can explain what the point is compared to just using inline css
Tailwind is great really.
Kindly make sir lecture on tailwand css
I just posted a Tailwind CSS Tutorial (2023) - this should be exactly what you are looking for... 😉
Thank you very much 🙏🙏!! for putting up devops pro to tech neuron
It was like you have completed your masters so quickly 😜
Prettier for Tailwind 🤔🤔
npm install -D prettier prettier-plugin-tailwindcss 😉🔥
Tailwind is really nice. Initially i hated it but later I loved it .
tailwind is awesome
Do you feel that Tailwind UX is a good solution for backend developers? With little to no front-end experience.
I think devui.io is exactly the answer you are looking for
Enticing thumbnail 😂🔥
That thumbnail tho🌚
I have never ever hated tailwind.
Projects look more descriptive and maintainable with tailwind.
Tailwind New way of writing inline style
Tachyons is something similar that I have been using in my projects, can't figure out why it didn't make so much buzz!
Clickbait title...
LIKE THIS FOR A NEW TAILWIND COURSE
I just posted a Tailwind CSS +React Tutorial (2023) - this should be exactly what you are looking for... 😉
90% of it is like the same thing as bootstrap.. a bunch of class names. I really don't see the problem. building a slider, parallax, animations... all that stuff is literally 10x faster with Tailwind
No please no tailwind
You can tell this is from someone who has used Tailwind for a day, and decided to make a click bait video to grab attention.
nicely done sir..
I was about to comment something else (related to the title clickbait 😂) but after 20 seconds I realised it's okay 😉
upload new videos on chaaurcode
I think , Inline CSS no never wants use ... sorry guys probably i am biased . Thanks for this Video
1. Tailwind offer padding margin with specific number only how to work with that.
p-[1px] p-[1000px] That is how we work. if you have no complete knowledge there is no fault of tailwind
I hate it. Bootstrap 5 still the best
Clickbait👀
If you have not used tailwind please try it will make your life so easy
Yes!
Oh wow.. please release a tutorial of tailwind.. it would be great.. please sir
I just posted a Tailwind CSS Tutorial (2023) - this should be exactly what you are looking for... 😉
tailwind is one of the best development experiences I had in a long time, i was so skeptical about it but after only one day of trying, it just blew my mind
Awesome! 👍
tailwind is such a time saviour!
build anything so quick
🎯 Key Takeaways for quick navigation:
00:00 🚫 *Tailwind initially perceived as worst CSS, overwhelming with classes.*
02:32 🔄 *Initial resistance fades after a few days; developer experience and sensibility of class naming make learning worthwhile.*
03:41 🌐 *Tailwind excels in managing large-scale projects, offers a deliberate experience for developers.*
04:10 ✅ *Advocates using Tailwind, open to creating beginner-level tutorials or crash courses based on demand.*
04:37 🎓 *Offers to share more tutorials post-master's exams, invites feedback for specific content on Tailwind. *
-
What challenges *have you faced when initially learning a new CSS framework or library?*
How do *you think the approach of learning through building components contributes to a developer's understanding?*
In what *scenarios would you consider using Tailwind over other CSS frameworks, and vice versa?*
Made with HARPA AI
At first I thought you were telling how bad tailwindcss and I was curious on what makes it bad 'cause I do not see any cons with it aside from huge amount of classes in the html. But then conclusion was tailwind is the best css framework! I totally agree!
I just posted a Tailwind CSS Tutorial (2023) - maybe this is interesting for you... 😉
Sir pw skill mai apke web development batch mai only 1 class show ho rhi h classes kbse milegi on app
I thought the above was the tailwind class list to center a div. Then I realized it was just a foreign language, and it was easier to understand.
I'm very very happy with tailwindcss, i even forgot some css stuff because i use tailwindcss all the time.
The only problem with tailwindcss is the dev tools, every tailwind developer know what i mean by that
Tailwind is best 💙
Yes! I just posted a Tailwind CSS Tutorial (2023) - maybe this is interesting for you... 😉
Looks like it's all inline 😭😭
Tbh if you start using it regularly then you won't find it messy.
Haha clickbait title 😂