
Tailwind CSS
Hello, A question to frontend developers. I am a beginner on frontend.
I am building a UI for my company to replace old legacy one with React and this question is about choosing how to apply design to it.
I have Tailwind CSS on one hand and Ant Design on the other (I didnt like mui and Bootstrap doesn't seem to have enterprise components as ant) As far as I understand, tailwind is great. It allows me to literally build an application without touching the css but I have to build my own react components with it. Ant design or mantine has ready to use components which I can use and rapidly build my application.
My question is, is it the right approach to: - Use a component framework for now and replace legacy app. - Introduce tailwind later when I have a frontend resource in hand and then build own component library
Thank you.
Although I use Hugo instead of React (and don't have experience with Ant Design), I'd highly suggest using Tailwind. The main reason I like it is because I can't tell if a site is using Tailwind or regular CSS, whereas once you've seen a Bootstrap site, you'll see Bootstrap everywhere whenever it's used (and I'd assume the same with Ant Design).
Most probably you don't want to create component's logic from scratch. As you already have an app, try to make a list of all components that you'll need - modals, dropdowns, etc. And then try to find a library that has all of them, because some components are rare (like a range selector).
There's some libraries built with/for tailwind, for example https://headlessui.com. It's pretty basic, but maybe it'll be enough for you.
It's not that when you're using tailwind you're not touching css. It's just a convenient way to write it and it gives you a nice design system by default.
I would not suggest that, as Material-UI and TailwindCSS are CSS frameworks, and using them together might be conflicting. Try to stick to one framework if possible. You can find some of the ready-to-use components here https://headlessui.com, it is maintained by the same team who made TailwindCSS and you can style those components with TailwindCSS. I hope this helps you.
yes you can do it but I don't see the point using them both. I would strongly recommend you to stick to one of them instead.
Thankyou. MUI is doing the job for me. Thanks for your advise!
If you know CSS or are a beginner, Tailwind is well documented and has a large community. Tailwindcss gives you more flexibility with the approach of utility classes compared to Bootstrap; and apart from that, you get to learn more about Pure CSS while using it. I've heard developers arguing about tidiness because of too many class names. Still, with Tailiwndcss that's achievable too by separating your CSS and HTML and then moving your classes to your css file. Tailwindcss config file allows you to modify or add custom class names or use the arbitrary value if you will use the value once or twice.
Bootstrap and Tailwind are different tools with different uses and for different occasions, and not mutually exclusive.
Bootstrap is a set of components made with CSS.
Tailwind is a compiler to extract individual CSS styles to its own class name.
And so, you could recreate each component from Boostrap with Tailwind, since Tailwind is just a tool to write CSS in a less verbose way.
If you don't want to design but rather edit what others have done to quickly scaffold a site, use Boostrap.
If you want to write less CSS and already use a template engine that doesn't need CSS' modular nature, use Tailwind.
If you don't want to design and at the same time use Tailwind, check a component library built on Tailwind such as daisyUI
Good day. Tell me which CSS framework would be better to use for a blog (Django), my choice fell on these two frameworks. Will Bootstrap 5 (without jquery) heavily overload the site, unlike a Tailwind CSS?
Tailwind is just an easier way to write regular CSS. It doesn't give you prebuilt components. Bootstrap on the other hand gives you a massive collection of pre-built components at your disposal. Bootstrap websites are super-easy to build, but look very generic. Tailwind on the other hand looks unique, but takes some extra thought and design ability to build. Also, Tailwind is lighter because it is essentially a compiler, and strips out all the classes you don't use - unlike Bootstrap. I recommend Tailwind, as it forces you to create a way more interesting site, unless you want something simple and easy to build, then I recommend Bootstrap.
I'm building a web app more like a helpdesk or ticketing solution, currently, I'm using React, Tailwind CSS, and Node.js but the stumbling block is how to read/delete/send/organize from any email service provider. I've explored Nodemailer (which only sends emails) and imap.io which allows making REST requests against IMAP and SMTP servers but unfortunately, I'm failing to set it up as I can't find the proper documentation. Is there any module that can provide me with similar and easy-to-follow functionality?
Generally speaking help desk systems do not interface "deeply" with email providers. Generally speaking either a) copies of messages are forwarded to the help desk (making a copy) b) the help desk periodically checks for new messages and downloads them (making a copy)
The copies can then be organized within the help desk as required. The original emails can be managed as the user requires. Replies are sent out over the SMTP.
Does this help?
Yes, it definitely does make sense, at the moment I was planning to use firebase for tickets and use Sendgrid SMPT API to send emails to clients regarding open tickets then attach a link where they can reply and check the progress more like the Freshdesk form. After the ticket has been closed I can then send a copy of the conversation.
Hi everyone, I have a new venture project, we do frontend development mainly with Tailwind CSS, JavaScript, CSS, HTML, and React. This project will run on a cloud platform and it will be a web platform with data analysis. At Backend, we can't decide which technology to continue with. We will necessarily use Python for data analysis and algorithms, but should the backend be written with Django or C# .NET, can I get your suggestions within the cloud platform? Price performance is our priority.
If you are already committed to Python for the data analysis then it would make sense to use Django for the framework and stick with Python throughout. In general the fewer technologies you use (unless there is real justification) will improve process and long term costs.
All things being equal the fact you would not have less (likely no) licensing costs with a Python based solution will overall reduce your long term costs.
I agree. Since you'll need to maintain the Python code for your data analysis, then why not Django for the back-end? It is a great framework comes with a lot of ready-to-use features.
I need honest advice on the below 2 Stacks to venture in as a Full Stack Web Developer:
1). React + Go
2). TALL Stack (Tailwind CSS, Alpine, Laravel, Livewire), PHP + Vue.js (Nuxt.js)
Considerations will be Security, Fast Deployment, Job Pay, Easy for Integration, Enterprise Development
Everything below is personal opinion.
Personally, I do not believe you should tightly couple front & back ends, or particular frameworks (both front & back-end).
Learn the underlying language(s) and use modern practices with them. This is much more important than learning a framework, as the framework will eventually be something you utilize instead of being a crutch. Find a local developer group/slack/discord and ask for suggestions on where to learn from. Pay more attention to official language documentation than stackoverflow when looking for language-level answers.
Go will likely get you better pay than PHP, but PHP will be much easier to get up and running with. Security is not tightly coupled to anything. You just need to know how to do things well... you can code crap in any language.
Unless you want to be a poor soul being wrung out by a startup or dev shop, I would not try for "full stack" immediately. Get good at one thing and expand out from there. You will likely learn some bits of the other side as you grow.
The market is flooded with JS devs from bootcamps (I do not believe the pandemic has changed that), so I would say to try your hand as a back-end developer. Of course, if you feel you are more of a visual person, you should stick with front-end work since you will be happier there.
Bootstrap is a great idea until your designer wants something that doesn't fit neatly into a 12 column paradigm. Then things start to get difficult. We've had to add customizations and tweaks to Bootstrap-ed HTML that by the time we were done, we would have been better off just going straight CSS. Bootstrap helps with responsiveness, but again, it's an "80/20" solution at best. And that 20 percent can be a nightmare. Plus, most clients have this odd belief that you just drop Bootstrap into an app, and abracadabra, your site is totally responsive over every type of screen and form factor in existence. This is not the case. We have had MUCH better and faster results with Tailwind CSS. Our designers are happy we're not trying to force them into a Bootstrap-friendly design, and even with responsive sites, development has been easier and faster.