From the course: React for Web Designers
Unlock this course with a free trial
Join today to access over 22,600 courses taught by industry experts.
React and CSS: A special relationship - React.js Tutorial
From the course: React for Web Designers
React and CSS: A special relationship
- [Instructor] Before I started working with React, one of the things I had heard about was the weird, to me, way that people worked with CSS. So let's talk about the special relationship between React and CSS. Right off the top, know that you don't have to change the way you work with CSS, especially if you're integrating React into an existing code base, the way we're doing in this course. You can still create classes on your components and style them in CSS files. That still works just fine, and indeed, that's how we'll be working, because we're starting with static-styled mock ups. On relatively small projects, you're unlikely to run into any problems with this approach. One of the principles that drives how React is built is separation of concerns. You might think, of course, that's why my HTML, CSS, and JavaScript are all separate, and I put them in separate files. But that's not the same thing. That's more like separation of technologies. On large projects like, say, Facebook…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
(Locked)
What is React and what is it good for?3m 3s
-
(Locked)
React Toolbox: ES6, JSX, and more2m 52s
-
(Locked)
React concepts and jargon3m 9s
-
(Locked)
Everything is components and elements2m
-
(Locked)
Our React build process47s
-
(Locked)
React and CSS: A special relationship1m 58s
-
(Locked)
Installing React Developer Tools2m 53s
-
(Locked)
-
-
-
-