I'm quite new to web dev just 6 days of learning. I heard react combines both html and js in the same file and i hearn tailwind combines html and css in the same file .does that mean if i use both i can develop everything in only one file format?

No it doesn't all Tailwind css does is generate classes that you use in your jsx (react.js version of html) it doesn't got any html its just css all you really do is use a ton of classes. But if you new at this it's best to start working with just css and html before going to react.js and tailwind not knowing the basics will hurt you badly in your career and projects it will make you look solutions for things that do not need it, it will take you much longer to do basic simple looking layouts and so on.

I am currently learning css but it's so tedious can't do things right i see a YouTube video saying tailwind is so easy to things right. i will try to learn plain css concepts force myself

The thing is with tailwind css you need to have a solid understanding of css fundamental. The vanilla css. I use tailwind css in my project, has been a breeze but you really, and I repeat you really really need to understand the vanilla css. Otherwise you will make a spaghetti without knowing what utilities class to use from tailwind css

Go for it. React is JavaScript and Tailwind is css classes. It doesn’t matter if you start with vanilla or not. Start building stuff, and give yourself challenges to make this or that functionality. You’ll have to do a lot of research to figure out how to do stuff either way and your knowledge and understanding will grow. I disagree with the whole notion that you have to build stuff old school first. Don’t overthink it, just start building.

 

More or less, yes.

But if you are new to web dev, you are probably getting way ahead of yourself by jumping into React. You should have a solid understanding of building web apps without React first. You'll be doing yourself a big disservice starting here.

 

I don’t know how libraries and frameworks like React and Tailwind would make a lot of sense without some fundamental knowledge of JavaScript and CSS. These aren’t shortcuts.
Seriously, learn JavaScript before trying to learn React. React IS JavaScript. It is a JavaScript library…. Written in JavaScript.

I’m with you on styling. Not my favorite thing. If you want to cheese out on something like bootstrap I guess I wouldn’t blame you.. but you can’t skip or skim JavaScript. It is mandatory.

 

You comment multiple times that you're finding it tedious. After just 6 days? If you dislike learning the absolute basic fundamentals then honestly it may not be for you. The first few weeks are supposed to be fun. If you hate it already it doesn't bode well. Looking for shortcuts and easier ways won't work- the fundamentals never change. Tailwind is just CSS in different syntax. React is still JavaScript and HTML fundamentals and if you don't know them, React won't help you.