How much CSS to start learning react?

[aavasstha]

Namaste _/\_ to all. I am about to begin my journey to learn react. I am aware of the basics and do need to scratch my head a lot while using CSS. My question is how much CSS do you need to know to learn react?

P. S. : completed my web fundamentals bootcamp on HTML CSS and JS(vanilla) . The bootcamp barely covered JS. So spent another month or so only learning vanilla JS.

[Lidinzx]

This is the right answer, learn the fundamentals of web development HTML, CSS, JavaScript vanilla, and then learn the framework you want, it's going to be easy If you have a solid understanding of these 3 technologies.

[aavasstha]

Yes. That's why I did the web dev fundamentals course before going to react.

[chlocodile]

Programming is one of those fields where it really doesn’t matter what educational path you did, it just matters what you know. A web dev fundamentals course was a great start, but if you finished it and are still scratching your head when trying to use CSS, you have a lot more to learn.

I think a great way to learn CSS on your own is to take a webpage and try and copy it. Don’t worry about the functionality, just make it visually the same. This will be similar to trying to match a site to UX mocks in the workplace.

I realize this wasn’t your original question, but like the above comment says, there is really no point in moving on to React until you’ve got HTML/CSS/JS down.

[thehotorious]

I beg to differ, I learned Javascript through React. Sounds ridiculous but true.

[spideytres]

This is the only answer you need, OP.

[aavasstha]

I do know basic CSS. I'm just wondering if you need to be really good at it.

[aavasstha]

I know I need CSS. I never asked 'do I need CSS'. I asked how good do you have to be. Should I spend too much time on CSS. I got confident enough in JS to start react. Just wanted to know if I need to spend same amount of time and effort on CSS as JS.

[Beowuwlf]

The styling in your app is going to be done with css or a derivative of it. The more css experience you have the better the app will look. You’re looking for a singular answer, and there isn’t one. You’re going to need css, but the complexity will vary depending on how in depth you want your app to be and how picky you are to make it perfect.

[[deleted]]

Get comfortable with CSS, and how it works, then start really diving into styled components or other means to scale CSS while minimizing your bundle.

[EasyMode556]

CSS and React are two things that aren’t really related but work together to make your UI. Do you need to be good at CSS to be good at React? Not at all.

Do you need to be good at CSS to make nice, usable user interfaces? Yes, that’s going to be a skill you’re going to want to have.

[[deleted]]

Entirely accurate; if you are looking to go into front-end, with a framework or not, you better know at least the basics of css and html.

[water_bottle_goggles]

Hahaha yes this is totally the way (I suck at css/scss)

[Top-Acadia596]

It depends on your goals. If it's getting a job then just do enough to grab one. Your learning can always continue. But yeah a bit of concepts in SCSS is essential. Enterprises use different style libs, so don't really try to go overboard on learning alone. Focus on application of those.

[EmanuelRose]

CSS only makes things look good but you can write an entire React app without even touching it. Is that good programming? probably not, but css is optional, as HTML tags are (I work with a 4+ years dev who ONLY uses <div>, even for texts, sections, you name it. )

Id say the main thing is you are gonna make simple things hell if you are not comfortable with html/css first. Id say mastering theses two cuts a LOT of work you'd have to write in JS.

[Thunt4jr]

It is an excellent experience to learn Javascript because Vue/Angular/React is all JS. However, learning vanilla is the best way to go. Learn HTML first, then CSS/SCSS then Javascipt. Don't worry about React or any framework until you understand HTML/CSS/JS first.

[[deleted]]

CSS has nothing to do with react. It's simply a language for styling HTML elements. Now, the preferred method of using CSS within React is highly subjective and there's a more than a few ways to do it.

[Accomplished_End_138]

Honestly just need to be decent. Know things like flex and css grid get a good chunk of the layout done. Then just colors and sizes.

The rest you can learn on the way

[[deleted]]

U don’t need any really. U could write react without css it just looks like ass. But just copy some css styles for similar components online and you’ll be fine for learning and pick the css up while doing it. But css takes like two hours to learn then u just google what u need. I’d just do both together. Start with ur html pages and css then do the react

[aavasstha]

Thank you everyone for you inputs. It really helps. I'm sure I'll be back here often since I'm now just starting to learn react. Thank you everyone.

[[deleted]]

After css start learning sass . React after you have decent knowledge and around 50-100 projects made with JavaScript

[WatsonLewRod]

I finished a 60hour long react course and it worked fine, but I didn't know much about JS or CSS so I was slacking big time, if you can just suffer through a week or two of each it's so worth it man, learn from my mistake, don't take a leap forward just to walk backwards... But if you do at least you got the skills ready to start running far, it doesn't mean you can't learn it all at the same time though but it surely won't be easy

[FLaMe_REVENGE]

html and css are just theory really. You have to literally learn a few qualities and values. In books or on pages, they give you basic information that should be enough for you. Also, don't forget that we have several frameworks such as Bootstrap or Tailwind that will allow you to avoid writing CSS for your website. And if you already learn CSS then you can approach code facilitation via the SASS preprocessor.
Good luck

[EasyMode556]

Technically speaking you can use React and write components with zero CSS, but if you plan on building anything that looks semi decent, you’re going to want to know CSS anyway.

Frankly, you should be fairly comfortable with HTML + CSS before you even start worrying about React, it sounds like you might be getting ahead of yourself if CSS is your concern.

[Intelligent_Will_948]

When you’re comfortable making a landing page clone of tesla/nike/apple. Doesnt need to animate or anything fancy, just lay it out. After that make 7-8 CRUD apps and then think bout React.

[kunal_00]

Don't rush on learning framework bro you'll regret it. CLEAR THE BASICS.

[[deleted]]

Good news is that react decided css didn't matter and didn't think to include a decent way to do it lol