Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,151,360 members, 7,812,017 topics. Date: Monday, 29 April 2024 at 06:22 AM

Between Tailwind And Other CSS Frameworks. - Programming (2) - Nairaland

Nairaland Forum / Science/Technology / Programming / Between Tailwind And Other CSS Frameworks. (1273 Views)

RIP CSS and Bootstrap. Tailwind Is The Real Deal. / My Largest Html/css And Tailwind Frameworks, Help With Reviews! / Is Learning Js Frameworks Necessary (2) (3) (4)

(1) (2) (Reply) (Go Down)

Re: Between Tailwind And Other CSS Frameworks. by LikeAking: 8:13pm On Nov 21, 2023
BlackhatMentor:


That guy is annoying

I know Dey talk agian
Re: Between Tailwind And Other CSS Frameworks. by XXLDICK(m): 8:17pm On Nov 21, 2023
LikeAking:
@XXLDICK, I am waiting for your reply..

To the best of may knowledge tailwind is written inside the HTML tags, any other funny invention of writing tailwind is a waste of time..


As long as I will write tailwind inside HTML tags, I reject it, cos it will waste my time and be hard to maintain..

It better to separate all in different files @ JS, HTML, CSS, then ….. U know what to do.

Secondly writting CSS that way is slower, although nether difference can’t be spotted on smaller projects..

I no sabi everything, I stand to be corrected..

Tailwind CSS is not written inside HTML. You only write the class names there.

Tailwind compiles everything to a CSS file. It is not inline styles.

Writing CSS the tailwind way is way faster than Vanilla CSS. You only write class names, while Tailwind helps you write the CSS.
Re: Between Tailwind And Other CSS Frameworks. by BlackhatMentor: 8:18pm On Nov 21, 2023
LikeAking:


In reality I have rejected such jobs..

It’s will be very hard to work with and maintain.

That’s my only Problem..


Leave that writing JS with HTML thing. Even some devs hate that pattern.. React self carry plenty these, no need to add more these on top..

Oga go try react route splitting, then tell me Wetin you think.. If you never do route splitting for react you no go know the dangers of using React u guys cherish so much.




Go sleep
Re: Between Tailwind And Other CSS Frameworks. by LikeAking: 8:23pm On Nov 21, 2023
Before I go Next JS would have been the best JS frame work to me, but them too carry their own gbese.. The devs always make senseless updates and above all Next Js is a predatory software owned by vercel…

U can’t use hooks if you want to use SSR..

React without hooks, get as e be..

Nesting routes with page.js no too make sense to me.. It’s just a big confusing and time waster..

Although Next JS fast die, it’s good for big projects with big bucks..
Re: Between Tailwind And Other CSS Frameworks. by BlackhatMentor: 8:28pm On Nov 21, 2023
LikeAking:




Abeg tell me Wetin be tail wind?



Tailwind is slower, it’s online to verify and I have personally tested both …

No sane dev will use tailwind for a large project..

It’s very hard to maintain..






Tailwind is not inline CSS Oga


It's just shorthand for writing classes


Same classes you would have written yourself


You add tailwind class to class='.......'


Not style='.........'



You can even create your own classes with tailwindConfig nawaoo

1 Like 1 Share

Re: Between Tailwind And Other CSS Frameworks. by LikeAking: 8:29pm On Nov 21, 2023
XXLDICK:

Tailwind CSS is not written inside HTML. You only write the class names there.

Tailwind compiles everything to a CSS file. It is not inline styles.

Writing CSS the tailwind way is way faster than Vanilla CSS. You only write class names, while Tailwind helps you write the CSS.

Is faster to write, or faster performance wise. Pls specify..


Don’t u think you are contradicting your self at the bolded..

When I say you write tailwind inside HTML tags you and I know what, talking about.. Abi make I say u write the tail wind classes inside HTML?

We all know how tailwind is written na.

The over hyped tailwind..
Re: Between Tailwind And Other CSS Frameworks. by XXLDICK(m): 8:29pm On Nov 21, 2023
LikeAking:
Before I go tailwind would have been the best JS frame work to me, but then too carry their own gbese.. The devs always make senseless updates and above all tailwind is a predatory software owned by vercel…

U can’t use hooks if you want to use SSR..

React without hooks, get as e be..

Nesting routes with page.js no too make sense to me.. It’s just a big confusing and time waster..





What did you smoke?

1 Like

Re: Between Tailwind And Other CSS Frameworks. by LikeAking: 8:30pm On Nov 21, 2023
XXLDICK:

What did you smoke?

Sorry Next JS….
Re: Between Tailwind And Other CSS Frameworks. by LikeAking: 8:33pm On Nov 21, 2023
Although Next JS fast die, it’s good for big projects with big bucks..

Don’t use Next JS, if you want be hosting on Vercel and also building a SSR application.
Re: Between Tailwind And Other CSS Frameworks. by XXLDICK(m): 8:36pm On Nov 21, 2023
LikeAking:


Sorry Next JS….


When you want to use hooks, create a client component and use it there. You can pass it into the server component or pass the server component as a child into the client component. It depends in what you want to achieve.

Once you understand Next 13/14, you will never use 12 again.

I was about leaving NextJs until 13 came out and threw me off my feet.
Re: Between Tailwind And Other CSS Frameworks. by XXLDICK(m): 8:41pm On Nov 21, 2023
LikeAking:
Although Next JS fast die, it’s good for big projects with big bucks..

Don’t use Next JS, if you want be hosting on Vercel and also building an SSR application.

At times, it kinda seem like you are just trolling.

You can use Nextjs to create static sites.

For only hosting on Vercel, it is only a matter of time before other platforms such as Amazon Amplify and Netlify will be able to run Nextjs 13 and 14.
Re: Between Tailwind And Other CSS Frameworks. by LikeAking: 9:45pm On Nov 21, 2023
XXLDICK:

When you want to use hooks, create a client component and use it there. You can pass it into the server component or pass the server component as a child into the client component. It depends in what you want to achieve.

Once you understand Next 13/14, you will never use 12 again.

I was about leaving NextJs until 13 came out and threw me off my feet.

Na long story, a reason I dumped it..

Next updates will carry something totally different agian..

Do this and do that and don’t do that..
Re: Between Tailwind And Other CSS Frameworks. by silento(m): 10:10pm On Nov 21, 2023
EEIA:

It's obvious you have never worked on a large project before.

You young developer should learn how to talk because it is a special skills that will take you far in the industry

Do u think it is only web development is the only field is software engineering


How many large project had you build and how many of them do you know the memory it consumes


Just from the comment alone I know u be JavaScript fan boy
Re: Between Tailwind And Other CSS Frameworks. by jikins(m): 11:59pm On Nov 21, 2023
XXLDICK:

The boiler plate code it ships with is for CSS reset.

I am aware vanilla CSS will be more lightweight for a site that is too small. That's why I said Tailwind will be more lightweight most of the time, not all the time.

A clean written CSS will be just exactly as Tailwind does it (atomic) and that is almost impossible to achieve without a framework like Tailwind.

Tailwind should be a must for everyone. Everyone who understands Tailwind can easily modify styles without even inspecting the classes.

Exactly my point not all project needs all those css reset. So its not specific and gives you unnecessary code.

A clean written css is not almost impossible to achieve. Its very much doable. You just need the right convention and more importantly experience writing vanilla. One thing is to learn css the other is to learn to write it effectively which is doable not impossible at all.

I don't conform to this or that is a must. I remember working for a company last year and one of the devs never wrote tailwind once all his classes were beautifully crafted and named that I even had to start using them under certain conditions instead of tailwind classes. Because they were quite frankly so much more efficient. The only downside was the lack of intellisence.

Theres no one size fit all, yes tailwind is easier as it handles all the hassle for you but it doesn't mean its a must. Infact I rather a newbie go through the pain of writing vanilla and learning how to write it effectively than just jumping to tailwind. That's how I learned personally as it makes you very versatile.

That said I will always recommend tailwind for large teams to avoid problems. If not possible ensure your team has a working naming convention, and always have core reusable classes they save you alot of time.

1 Like

Re: Between Tailwind And Other CSS Frameworks. by jikins(m): 12:17am On Nov 22, 2023
XXLDICK:

What is better than NextJs aside from Qwik?
Is there any framework that makes caching easier?
Yes, SSR improves SEO. Is there any framework that can easily get close to 100% lighthouse score compared to NextJs aside from Qwik?

NextJs may have it's disadvantages like vendor lock-in, but their SSR is the best I have seen. Only Remix comes close.

Astro is also good too. You can get good lighthouse score easily but their routing is a major problem. I really like the idea of their islands giving you the ability to use any js framework from react, vue, solidjs and the likes. But I sha couldn't deal with their use of a tag for routing. Not sure if they have fixed this though.

Next aggressive caching is one of the reasons I abandon it. They are now trying to fix it with their noStore function which is good. Their hot reload is not the best either, takes forever to load pages as the app gets bigger. They did promise their next turbo will fix these issues when ready, hopefully they do. There was this epic post I read on this hot reload issue on github. The guy was so blunt and asked some good questions. I will try to find it and send here, he literally spoke my mind and more.

Is Qwik any good? Granted last time I used it was before they got to version 1 but it was very slow to become interactive. I tried it out for a documentation I was writing, I remember once the page loads you will have to click the nav links more than once for it to respond. On Dev it works fine but in Prod na cast. I just jejely comot eye haven't gone back since.
Re: Between Tailwind And Other CSS Frameworks. by EEIA: 1:01am On Nov 22, 2023
silento:


You young developer should learn how to talk because it is a special skills that will take you far in the industry

Do u think it is only web development is the only field is software engineering


How many large project had you build and how many of them do you know the memory it consumes


Just from the comment alone I know u be JavaScript fan boy

You claim to know yet you just blurt out things as a novice would.

Sorry, but I very much doubt your self acclaimed proficiency.
Also you don't need to try so hard to be or feel relevant.
1
At least, from every intermediate developer ascending knows programming is independent of being bound to language (syntax).

2
Well, mostly, memory allocation is taken into consideration when using compiled languages and vice versa when regarding an interpreted language.

You refer me to be a script kiddie?
Well, let me know master Silento how much memory your last big project consumed.

If not that languages with automatic garbage collection exist you wouldn't have been able to come here to say garbage.

This time, please take measure, comprehend vividly before replying.

Shalom cool
Re: Between Tailwind And Other CSS Frameworks. by EEIA: 1:19am On Nov 22, 2023
truthCoder:


Weyrey.

If no one in your clan can write easy-to-comprehend comments, don’t assume your defects are commonplace.

Go through my posts and maybe you might learn how to communicate your thoughts through words.

If you want to accuse me of plagiarism, be ready to come with evidence or i will roast your microscopic balls for a simple biology experiment.
It wasn't you I wanted to reply?
Wrong post.










grin

Wait oh! You wan barbeque my ball sack and 2 precious stones on top comment.

Haba. grin

Congratulations!!! You don officially chance "Moloch" for devil high table. grin
Re: Between Tailwind And Other CSS Frameworks. by silento(m): 1:21am On Nov 22, 2023
EEIA:

You claim to know yet you just blurt out things as a novice would.

Sorry, but I very much doubt your self acclaimed proficiency.
Also you don't need to try so hard to be or feel relevant.
1
At least, from every intermediate developer ascending knows programming is independent of being bound to language (syntax).

2
Well, mostly, memory allocation is taken into consideration when using compiled languages and vice versa when regarding an interpreted language.

You refer me to be a script kiddie?
Well, let me know master Silento how much memory your last big project consumed.

If not that languages with automatic garbage collection exist you wouldn't have been able to come here to say garbage.

This time, please take measure, comprehend vividly before replying.

Shalom cool

When I said knowing how to talk is a special skilled some will think I was yabbing , just see how u vomited total rubbish without making a point , I met people like you everyday , 😔 na for mouth your power dey , do u even know what memory means , do you even know you css, html and JavaScript work under the hood

Go back and finish your lessons because from the reply it is so obvious you don't know anything about the programming in general
Re: Between Tailwind And Other CSS Frameworks. by EEIA: 1:31am On Nov 22, 2023
silento:


When I said knowing how to talk is a special skilled some will think I was yabbing , just see how u vomited total rubbish without making a point , I met people like you everyday , 😔 na for mouth your power dey , do u even know what memory means , do you even know you css, html and JavaScript work under the hood

Go back and finish your lessons because from the reply it is so obvious you don't know anything about the programming in general
Looking at how you write, it's no surprise that you are bound to lack comprehension talk more of to understand concepts.
Re: Between Tailwind And Other CSS Frameworks. by EEIA: 1:46am On Nov 22, 2023
XXLDICK:


How can you call Tailwind an inline CSS?

Tailwind is slower?

Tailwind is for very small projects?

I have never seen as much misinformation as this in just a few paragraphs.

Even the person you quoted will shake his head at such ignorance you spill with confidence. grin
grin

I swear down. grin
Re: Between Tailwind And Other CSS Frameworks. by silento(m): 1:58am On Nov 22, 2023
EEIA:

Looking at how you write, it's no surprise that you are bound to lack comprehension talk more of to understand concepts.

Seriously bro go and find better things to do with ur life programming is not your calling

I will bet 50k bring any project u have done before , I will ask you 10 questions out from it if u can answer 5 I will dash you the money

Na back in 2018 we deal with people like u for this section before we got busy , I only comes here occasionally just to read news
Re: Between Tailwind And Other CSS Frameworks. by EEIA: 2:10am On Nov 22, 2023
silento:


Seriously bro go and find better things to do with ur life programming is not your calling

I will bet 50k bring any project u have done before , I will ask you 10 questions out from it if u can answer 5 I will dash you the money

Na back in 2018 we deal with people like u for this section before we got busy , I only comes here occasionally just to read news
grin grin

2018 grin

5 years from them and all you can muster is this? grin

By the way, what programming languages do you even write? grin
Re: Between Tailwind And Other CSS Frameworks. by silento(m): 2:13am On Nov 22, 2023
EEIA:
grin grin

2018 grin

5 years from them and all you can muster is this? grin

By the way, what programming languages do you even write? grin

Bring project and earn 50k
Re: Between Tailwind And Other CSS Frameworks. by EEIA: 2:20am On Nov 22, 2023
silento:


Bring project and earn 50k
Normal Tantrums of a script kiddie wannabe techie who hasn't passed one but wants a share in the glory of being called a seasoned developer. grin grin grin
Re: Between Tailwind And Other CSS Frameworks. by XXLDICK(m): 8:08am On Nov 22, 2023
jikins:


Exactly my point not all project needs all those css reset. So its not specific and gives you unnecessary code.

A clean written css is not almost impossible to achieve. Its very much doable. You just need the right convention and more importantly experience writing vanilla. One thing is to learn css the other is to learn to write it effectively which is doable not impossible at all.

I don't conform to this or that is a must. I remember working for a company last year and one of the devs never wrote tailwind once all his classes were beautifully crafted and named that I even had to start using them under certain conditions instead of tailwind classes. Because they were quite frankly so much more efficient. The only downside was the lack of intellisence.

Theres no one size fit all, yes tailwind is easier as it handles all the hassle for you but it doesn't mean its a must. Infact I rather a newbie go through the pain of writing vanilla and learning how to write it effectively than just jumping to tailwind. That's how I learned personally as it makes you very versatile.

That said I will always recommend tailwind for large teams to avoid problems. If not possible ensure your team has a working naming convention, and always have core reusable classes they save you alot of time.

All your points are correct.
Re: Between Tailwind And Other CSS Frameworks. by XXLDICK(m): 8:19am On Nov 22, 2023
,
jikins:


Astro is also good too. You can get good lighthouse score easily but their routing is a major problem. I really like the idea of their islands giving you the ability to use any js framework from react, vue, solidjs and the likes. But I sha couldn't deal with their use of a tag for routing. Not sure if they have fixed this though.

Next aggressive caching is one of the reasons I abandon it. They are now trying to fix it with their noStore function which is good. Their hot reload is not the best either, takes forever to load pages as the app gets bigger. They did promise their next turbo will fix these issues when ready, hopefully they do. There was this epic post I read on this hot reload issue on github. The guy was so blunt and asked some good questions. I will try to find it and send here, he literally spoke my mind and more.

Is Qwik any good? Granted last time I used it was before they got to version 1 but it was very slow to become interactive. I tried it out for a documentation I was writing, I remember once the page loads you will have to click the nav links more than once for it to respond. On Dev it works fine but in Prod na cast. I just jejely comot eye haven't gone back since.
NextJs caching works well now. No issue again.

Qwik is stable now. Resumabilty over hydration.

The only downside of qwik is when you click a button or link just immediately after the site loads, it may not respond immediately, just a few milliseconds delay.
Re: Between Tailwind And Other CSS Frameworks. by jikins(m): 10:29am On Nov 22, 2023
XXLDICK:
,
NextJs caching works well now. No issue again.

Qwik is stable now. Resumabilty over hydration.

The only downside of qwik is when you click a button or link just immediately after the site loads, it may not respond immediately, just a few milliseconds delay.

NextJs cache has worked well that wasn't what I saying. My problem is that its too aggressive. I feel it should be something you opt in for rather than it being the default state. I had a terrible experience. To opt out you have to individually opt out for the many cache from full route cache to data cache and memoization which are sever caches and also in memory router cache on the client. There was an article I read from one of the guys working on remix on why he doesn't use nextjs and he pointed out this pit fall too. Their new unstable_noStore function trys to fix this and I believe template files too. Haven't use next 14 to confirm if it works but its very much needed.

For qwik yes that milliseconds delay was too obvious and even more than a milliseconds self way back. But if they have improved on it to make it largely unnoticeable that will be good.
Re: Between Tailwind And Other CSS Frameworks. by XXLDICK(m): 1:28pm On Nov 22, 2023
jikins:


NextJs cache has worked well that wasn't what I saying. My problem is that its too aggressive. I feel it should be something you opt in for rather than it being the default state. I had a terrible experience. To opt out you have to individually opt out for the many cache from full route cache to data cache and memoization which are sever caches and also in memory router cache on the client. There was an article I read from one of the guys working on remix on why he doesn't use nextjs and he pointed out this pit fall too. Their new unstable_noStore function trys to fix this and I believe template files too. Haven't use next 14 to confirm if it works but its very much needed.

For qwik yes that milliseconds delay was too obvious and even more than a milliseconds self way back. But if they have improved on it to make it largely unnoticeable that will be good.
I prefer the opt-out approach because more often than not, I need the cache for optimisations.

You can change the default behaviour in your vercel.json file.

Below is a picture of a reset I did when I had troubles with caching because I didn't understand it.

Re: Between Tailwind And Other CSS Frameworks. by jikins(m): 4:46pm On Nov 22, 2023
XXLDICK:

I prefer the opt-out approach because more often than not, I need the cache for optimisations.

You can change the default behaviour in your vercel.json file.

Below is a picture of a reset I did when I had troubles with caching because I didn't understand it.

Sounds good will try it out whenever I return to nextjs. Thanks
Re: Between Tailwind And Other CSS Frameworks. by EEIA: 10:06pm On Nov 22, 2023
XXLDICK:

You are wrong.

You will get a more lightweight CSS using Tailwind instead of vanilla CSS almost every time.

Tailwind is atomic. And no repeating yourself(DRY).
Exactly..


I didn't even see this post earlier.



Abeg chop virtual knuckle. 👊🏾
Re: Between Tailwind And Other CSS Frameworks. by EEIA: 10:38pm On Nov 22, 2023
LikeAking:


Make we leave arguments and hype one side..

Why will you put everything in one place?

The best option is to separate both..

It’s easier to work with..

Let’s leave clout and bad blood out of this.

Most of you are word press guys, looking for the easy way..


Writting css alongside html is a taboo..

Bundling backend and front end together is a taboo. I know say una go argue on it..



Understanding certain concepts is not easy for certain people.
Understanding and comprehension too.

🤦🏾‍♂️🤦🏾‍♂️🤦🏾‍♂️

(1) (2) (Reply)

Free Stanford Machine Learning Course / How Can I Create Blackberry App For My Blog? / Cicada 3301 - Today Is January 5th

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 67
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.